Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – Angular Material – 当我关闭菜单时,如何关闭/隐藏我的md-select?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的md菜单中使用md-menu-item元素.菜单由@L_675_2@按钮激活 – 一切正常,所有都使用认角度js.

在每个md-menu-item中,@L_175_4@md-SELEct输入.它看起来像这样

@H_772_9@... <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菜单就像它应该&一切都很好.

如果我点击其中@L_675_2@< md-SELEct>元素,然后单击屏幕中的某个位置,< md-menu>关闭,但我仍然可以看到< md-SELEct>元件.

有没有办法在菜单项中“嵌套”选择元素,这样当我关闭菜单项时,所有子元素也会关闭

我所看到的Here is a codepen example.

谢谢你的任何建议!

解决方法

在框外单击时隐藏md-SELEct.我正在使用’$mdSELEct.hide()’来@L_66_8@md-SELEct下拉菜单.我只是在主控制器中放了3行.

@H_772_9@$(document).bind('click',function (event) { $mdSELEct.hide(); });

大佬总结

以上是大佬教程为你收集整理的angularjs – Angular Material – 当我关闭菜单时,如何关闭/隐藏我的md-select?全部内容,希望文章能够帮你解决angularjs – Angular Material – 当我关闭菜单时,如何关闭/隐藏我的md-select?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。