如何在一個MD菜單項中有一個輸入框

Question

我想要一個選項來添加一個項目到現有的列表或創建一個新的;類似於youtube的「添加到播放列表」。一旦注意力集中在輸入框上，以下類型的作品將會消失，但菜單會消失。有沒有一種方法可以在菜單中的某個項目點擊時禁用關閉菜單？

環境是角2 /材料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

可以通過在<md-input-container>停止click事件傳播做到這一點。

HTML：

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

TS：

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

plunker demo