Как я могу использовать md-radio-group с ng-repeat внутри md-table? - PullRequest
1 голос
/ 03 августа 2020

Я создаю приложение, подобное Google-Form, используя angularJS и md-table, и для создания своих вопросников я просматриваю массив вопросов, а затем возможные ответы:

<table md-table flex>
  <thead md-head>
    <tr md-row>
      <th md-column style="width: 99%;"></th>
      <th md-column ng-repeat="option in question.options" style="white-space: nowrap">
        {{option.name}}
      </th>
    </tr>
  </thead>
  <tbody md-body>
    <tr md-row ng-repeat="sub_item in question.sub_items">
      <td style="width: 99%;">{{sub_item.name}}</td>
      <md-radio-group ng-model="sub_item.answer" layout="row">
        <td ng-repeat="answer in question.options">
          <md-radio-button ng-value="{{answer.limit}}"></md-radio-button>
        </td>
      </md-radio-group>
    </tr>
  </tbody>
</table>

Но я не могу перебирать ответы и получаю что-то вроде этого: enter image description here

And get the error

Blockquote angular.js:12808 Error: [$compile:ctreq] Controller 'mdRadioGroup', required by directive 'mdRadioButton', can't be found!

I think when i use the Я создаю новую область, и директива md-radio-group не может распознать эти md-radio-button ' с. Как я могу заставить это работать? Я попытался выполнить итерацию непосредственно md-radio-button без td, но, очевидно, не работает внутри таблицы.

1 Ответ

0 голосов
/ 03 августа 2020

Замена

<tr md-row ng-repeat="sub_item in question.sub_items">
  <td style="width: 99%;">{{sub_item.name}}</td>
  <md-radio-group ng-model="sub_item.answer" layout="row">
    <td ng-repeat="answer in question.options">
      <md-radio-button ng-value="{{answer.limit}}"></md-radio-button>
    </td>
  </md-radio-group>
</tr>

на

<tr md-row ng-repeat="sub_item in question.sub_items">
      <td style="width: 99%;">{{sub_item.name}}</td>
      <td ng-repeat="answer in question.options">
        <md-radio-group ng-model="sub_item.answer" layout="row">
          <md-radio-button ng-value="{{answer.limit}}"></md-radio-button>
        </md-radio-group>
      </td>
    </tr>

... это сработало.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...