Angularjs：如何使用<table>內的<md-radio-button>與ng-repeat

Question

我正在將數據顯示爲表格。用戶必須從表中選擇一行。所以我嘗試使用<md-radio-button>，但它拋出一個錯誤，說<md-radio-group>指令丟失。有誰能告訴我如何在ng-repeat中使用<md-radio-button>？

<table md-table> 
     <thead md-head> 
      <tr> 
      <td md-cell></td> 
      <td md-cell>ID</td> 
      <td md-cell>Demand</td> 
      <td md-cell>Code</td> 
      </tr> 
     </thead md-head> 
     <tbody md-body> 
     <md-radio-group ng-model="test" class="md-primary"> 
      <tr md-row ng-repeat="cluster in clusters"> 
      <td md-cell>  
      <md-radio-button ng-value="cluster.checked"/> 
      </td> 
      <td md-cell>{{cluster.id}}</td> 
      <td md-cell>{{cluster.demand}}</td> 
      <td md-cell>{{cluster.code}}</td> 
      </tr> 
      </md-radio-group> 
     </tbody> 
     </table> 

Answer 1

下面是代碼，

<md-divider></md-divider> 
    <md-radio-group ng-model="cc.selectedIndex"> 
    <div ng-repeat='person in cc.contacts' class="row"> 
     <div flex layout='row' layout-padding layout-align="start center"> 
     <div flex style="max-width:200px;"> 
      {{person.Demand}} 
     </div> 
     <md-radio-button ng-value="person.ID" class="md-primary"> 
      {{person.Code}} 
     </md-radio-button> 
     </div> 
    </div> 
    </md-radio-group> 
    <md-divider></md-divider> 

DEMO