带有 ng-repeat 的选定菜单项旁边的图标答案

【问题标题】：Icon next to selected menu item with ng-repeat带有 ng-repeat 的选定菜单项旁边的图标
【发布时间】：2017-05-17 08:28:24
【问题描述】：

我正在尝试使用 ng-repeat 创建一个菜单，一旦我选择了一个项目，它旁边就会显示一个图标。角度网站上的示例不使用 ng-repeat 因此我不能使用它https://material.angularjs.org/1.1.4/demo/menuBar 我想要与您转到 ->View->Mode 时相同的行为。有没有办法让 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>

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

【问题讨论】：

标签： angularjs

【解决方案1】：

类似的东西？

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

pen

【讨论】：