ng-repeatで選択したメニュー項目の隣にあるアイコン

Question

ng-repeatでメニューを作成しようとしています。項目を選択すると、隣にアイコンが表示されます。角度のあるウェブサイトの例ではng-repeatを使用しないため、使用できません。https://material.angularjs.org/1.1.4/demo/menuBar - >表示 - >モードのように同じ動作が必要です。ラジオグループのようにmd-menu-contentを1つの選択肢にする方法はありますか？私はアイコンを1つの項目だけに表示しようとしています。ここ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> 

EDIT：それはアイコンが角度ウェブサイト上のように右側に表示されていることが重要です。これは可能ですか？

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