我在用md-menu-item
我的元素md-menu
。菜单由按钮激活 - 一切正常,并且都使用默认的 Angular JS。
每个内md-menu-item
I have md-select
输入。它看起来像这样:
...
<md-menu-item>
<md-input-container>
<label>My Label</label>
<md-select name="myName" aria-label="My Label" ng-model="mv.myModel" ng-change="vm.onChangeEvent(foo)">
<md-option ng-value="value" ng-repeat="foo in vm.bar | orderBy: 'name'">
{{foo.name}}
</md-option>
</md-select>
</md-input-container>
</md-menu-item>
...
如果我通过单击按钮打开菜单 - 如果我什么都不选择,然后单击<md-select>
(屏幕上的任意位置)md-menu
像它应该的那样消失,一切都很好。
如果我点击其中之一<md-select>
元素,然后单击屏幕中的某个位置<md-menu>
关闭了,但我仍然可以看到<md-select>
元素。
有没有办法在菜单项中“嵌套”选择元素,以便当我关闭菜单项时,所有子元素也会关闭?
这是一个代码笔示例 http://codepen.io/damonjentree/pen/yaKWyQ我所看到的。
感谢您的任何建议!
当您在框外单击时隐藏 md-select 。我在用'$mdSelect.hide()'
关闭 md-select 下拉菜单。我只是将以下 3 行放入我的主控制器中。
$(document).bind('click', function (event) {
$mdSelect.hide();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)