带有 ng 重复的选定菜单项旁边的图标

Question

我正在尝试制作一个带有ng-repeat的菜单，一旦我选择一个项目，它旁边就会显示一个图标。角度网站上的示例不使用 ng-repeat，因此我不能使用它 https://material.angularjs.org/1.1.4/demo/menuBar 我想要与转到 ->View->Mode 时相同的行为。有没有办法使 md 菜单内容像无线电组一样成为单一选择？我正在尝试使图标仅显示一个项目。 这是代码笔：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网站上一样。这可能吗？

Answer 1

类似的东西？

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

笔