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-radio-group和md-radio-button。您的代码无法正常工作的原因是不遵守"always use a dot rule"。

this is a working example

Answer 2

这是代码，

 <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

Angularjs：如何在ng-repeat中使用<md-radio-button>

2 个答案: