angle2アプリケーションのドロップダウン内で選択した値の下にいくつかのコンテンツを表示するにはどうすればいいですか？

Question

私はドロップダウンを持つ左のナビゲーションバーで角度2のアプリケーションを開発しました。しかし、私は、ナビゲーションバーのドロップダウン内の値を選択するたびに、選択されたドロップダウン値の下にいくつかのリンクリストを表示するような機能を望みます。

これは私がナビゲーションバー内のドロップダウンを表示するために作成したコードです：だから

：

<li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a> 
     <ul class="dropdown-menu" role="menu"> 
     <li><a href="#">Action</a></li>---->if I select Action from Drop Down menu then some list of links displayed under the selected value only related to Action value. 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Separated link</a></li> 
     <li class="divider"></li> 
     <li><a href="#">One more separated link</a></li> 
     </ul> 
    </li> 

これは、私は角2アプリケーションに必要な機能のための画像です誰も私に上記2のアプリケーションで上記の機能のコードを書く方法を教えてもらえますか？あなたはマテリアルデザインを使用している場合

Answer 1

は、次の操作を行うことができます：テキストと表示したい値を持つメニュー項目（メニューアイテム）の配列を作成する必要がコンポーネント内

<md-select placeholder="Something" [(ngModel)]="YourModel" name="something" required> 
     <md-option *ngFor="let item of menuItems" [value]="item.value">{{item.text}}</md-option> 
</md-select> 

。