angle 2現在の要素を置き換えます。

Question

ルーティングを追加する代わりに、現在の要素を置き換えたいと考えています。

<router-outlet> 
    <div class="=row" style="height:30%"></div> 
    <div class="=row"> 
     <a routerLink="search" routerLinkActive="active" class="btn btn-success btn-sm" style="width:90%;height:20%;margin-left:5%"> 
      <span class="glyphicon glyphicon-search"></span> Search1 
     </a> 
    </div> 
    <div class="=row" style="height:30%"></div> 
    <div class="=row"> 
     <button type="button" class="btn btn-success btn-sm" style="width:90%;height:20%;margin-left:5%"> 
      <span class="glyphicon glyphicon-plus"></span> Search2 
     </button> 
    </div> 
</router-outlet> 

しかし、それは次のスクリーンショットのように終わる：

検索テキストはsearchCOmponentルーティングからです例えば、私のコードは次のようです。私がしたいのは、search1、search 1、およびsearch 2をクリックして、searchComponentから読み込まれた "testing search"テキストに置き換えられたときです。だから私は親タグとして "ルート出口"タグを入れました。私はそれが全身を置き換えることを望んでいた。誰かが助けてくれますか？ありがとう。

Answer 1

これは、ルータのアウトレットの正しい使用法ではありません。それはどんな内容であってはならない。むしろ、ルータは自動的にルータのコンセントにデータを入力し、探している結果を得ます。

詳細については、docsを参照してください。https://angular.io/docs/ts/latest/guide/router.html#!#sts=src%2Fapp%2Fapp-routing.module.ts%20(appRoutes)