如何在一个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