你好,我是 angularjs 的新手,做了一个下拉菜单的演示,我想在选择任何菜单后隐藏它,请帮我怎么做?
html
<span class="toolbar-button--quiet navigation-bar__line-height" style="padding: 0;">
<i class="ion-android-more-vertical" style="font-size: 26px; margin: 0; padding: 0 12px;" dropdown-menu="ddMenuOptions" dropdown-model="ddMenuSelected" dropdown-disabled="dropdownsDisabled"></i>
</span>
js
$scope.ddMenuOptions = [
{
text: 'Featured',
code: 'F'
}, {
text: 'Name (A-Z)',
code: 'A'
},{
text: 'Rating',
code: 'M'
},{
text: ' Most Popular',
code: 'MP'
}
];
$scope.ddMenuSelected = {
};
最佳答案
fiddle 会更好。不过,您可以通过使用标志/变量来实现这一点。每当您选择或显示下拉列表时,此变量都会更新。选择一个选项后,将变量的值设置为 false/true,然后在 HTML 标记中使用 ng-show="yourVariable"。
<span ng-show="yourVariable"></span>
只需确保在打开下拉菜单并选择一个选项时更新此变量的值即可。
关于html - 如何在angularjs中选择后隐藏下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33182968/