ルート4を呼び出す関数です。

Question

私はAngular web-appのメニューからルーティングを設定しています。 app.routerが含まれてい

<a routerLink="home"> 
      <button md-menu-item> 
       <md-icon class="material-icons"> home </md-icon> 
       <span> Home </span> 
      </button> 
     </a> 

：

export const router: Routes = [ 
    { path: '', redirectTo: 'home', pathMatch: 'full'}, 
    { path: 'home', component: HomeComponent }, 
]; 

私ではありませんお問い合わせフォームにリダイレクトコンポーネントでボタンを持ちたいメニューは、下のホームリンクのように設定しrouterLinksを持っています通常のメニューで使用できますが、コンポーネント内のボタンにリンクを置くことは機能していないようです。どうしてこれなの？

私が行うべき理想的なことは、ルートを呼び出したコンポーネントのhtml要素に関数を配置することです - これは可能ですか？

Answer 1

これを正しく理解すれば、もちろん可能です。

ちょうどあなたのコンポーネントのコンストラクタにルータを追加します。

constructor(private router: Router) {} 

をして、あなたは、たとえば、ボタンをクリックした後に呼び出されますあなたの関数内のルータクラスから機能をナビゲートする呼び出すことができます。

this.router.navigate(['home']); 

もう1つの方法は、[routerLink]をhtmlタグに配置することです。

<a [routerLink]="['/home']">Go To Home</a> 

これを確認します。

https://angular.io/guide/router

https://angular.io/api/router/Router