2015-10-17 82 views
0

你好,我是新来的angularjs和下拉菜单的演示,我想隐藏它一旦选择任何菜单,请帮助我如何做到这一点?如何隐藏在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 = { 


    }; 

回答

0

提琴会更好。不过,您可以通过使用标志/变量来实现这一点。只要您选择或显示下拉菜单,此变量就会更新。选择一个选项后,将变量的值设置为false/true,然后在HTML标签中使用ng-show =“yourVariable”。

<span ng-show="yourVariable"></span> 

只要确保每当你打开下拉菜单并选择一个选项更新此变量的值。

+0

感谢快速回答dear.but我的div是动态生成的,所以我真的不知道如何隐藏它一旦其选择 –

+0

你能设置一个小提琴或为您的代码演示? –

+0

好的..等我等着 –

相关问题