Question

我试图用ng-repeat创建一个菜单，一旦我选择了一个项目，它旁边会显示一个图标。角网站上的示例不使用ng-repeat因此我无法使用它https://material.angularjs.org/1.1.4/demo/menuBar我想要像你去的那样 - ＆gt; View-＆gt;模式。有没有办法让md-menu-content成为像广播组这样的单一选择？我试图只为一个项目显示图标。这是codepen：http://codepen.io/anon/pen/jmpGxO?editors=1010

<md-toolbar class="md-menu-toolbar">
<md-menu-bar>
  <md-menu>
    <button ng-click="$mdOpenMenu()">
          View
        </button>
    <md-menu-content>
      <md-menu-item class="md-indent" ng-repeat="phase in ctrl.phases"  type="checkbox" 
                    ng-model="ctrl.settings[phase.name]">

        <md-icon md-svg-src="img/icons/menu.svg"></md-icon>
        <md-button ng-click="ctrl.sampleAction('redo', $event)">
          {{phase.name}}
        </md-button>

      </md-menu-item>
    </md-menu-content>
  </md-menu>
</md-menu-bar>

编辑：图标显示在右侧，就像在有角度的网站上一样重要。这可能吗？

Answer 1

那样的东西？

<md-menu-item class="md-indent" ng-repeat="phase in ctrl.phases"  type="radio" ng-value="phase.name" ng-model="ctrl.settings">

pen

带有ng-repeat的所选菜单项旁边的图标

1 个答案: