如何隱藏在angularjs中選擇的下拉菜單

你好，我是新來的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>

$scope.ddMenuOptions = [ 
    { 
     text: 'Featured', 
     code: 'F'   
    }, { 
     text: 'Name (A-Z)', 
     code: 'A' 
    },{ 
     text: 'Rating', 
     code: 'M' 
    },{ 
     text: ' Most Popular', 
     code: 'MP' 
    } 
    ]; 

    $scope.ddMenuSelected = { 


    };

來源

2015-10-17 Jigar Makwana

提琴會更好。不過，您可以通過使用標誌/變量來實現這一點。只要您選擇或顯示下拉菜單，此變量就會更新。選擇一個選項後，將變量的值設置爲false/true，然後在HTML標籤中使用ng-show =「yourVariable」。

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

只要確保每當你打開下拉菜單並選擇一個選項更新此變量的值。

來源

2015-10-17 05:17:47

感謝快速回答dear.but我的div是動態生成的，所以我真的不知道如何隱藏它一旦其選擇 –

你能設置一個小提琴或爲您的代碼演示？ –

好的..等我等着 –

如何隱藏在angularjs中選擇的下拉菜單

回答

相關問題