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

时间:2017-08-09 16:39:17

标签: angular angular-material2

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

环境是角度2 /材料2。

color_input

1 个答案:

答案 0 :(得分:4)

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

HTML:

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

TS:

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

plunker demo