html - 如何在angularjs中选择后隐藏下拉菜单

Question

你好，我是 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 = {


  };

Answer 1

fiddle 会更好。不过，您可以通过使用标志/变量来实现这一点。每当您选择或显示下拉列表时，此变量都会更新。选择一个选项后，将变量的值设置为 false/true，然后在 HTML 标记中使用 ng-show="yourVariable"。

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

只需确保在打开下拉菜单并选择一个选项时更新此变量的值即可。