如何在md菜单项中有一个输入框

Question

我希望有一个选项可以将项目添加到现有列表或创建一个新项目;类似于youtube＆＃39;添加到播放列表＆＃39;。以下类型的工作，但一旦焦点在输入框上，菜单就会消失。有没有办法在单击菜单中的一个项目时禁用关闭菜单？

环境是角度2 /材料2。

color_input

Answer 1

您可以停止click中的<md-input-container>事件传播。

HTML：

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

TS：

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

plunker demo