mdメニュー項目に入力ボックスを入れる方法

Question

既存のリストに項目を追加するか、新しい項目を作成するオプションが必要です。 youtubeの 'プレイリストに追加'と似ています。次のような種類の作品ですが、入力ボックスに焦点を当てればメニューは消えてしまいます。メニューの1つの項目をクリックしてメニューを閉じることを無効にする方法はありますか？

環境は、あなたが<md-input-container>にclickイベントの伝播を停止することによってそれを行うことができます。2.

<button md-raised-button [mdMenuTriggerFor]="menu">Add To</button> 
    <md-menu #menu="mdMenu"> 
     <button md-menu-item>Item 1</button> 
     <button md-menu-item>Item 2</button> 
     <md-input-container class="mx-4"> 
     <input mdInput placeholder="Create new" value=""> 
     </md-input-container> 
    </md-menu> 

Answer 1

角2 /材料です。

HTML：

<md-input-container class="mx-4" (click)="stopPropagation($event)"> 

TS：

stopPropagation(event){ 
    event.stopPropagation(); 
    // console.log("Clicked!"); 
} 

plunker demo