Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用单选按钮重复ng中的错误_Javascript_Html_Angularjs_Radio Button_Angularjs Ng Repeat - Fatal编程技术网

Javascript 用单选按钮重复ng中的错误

Javascript 用单选按钮重复ng中的错误,javascript,html,angularjs,radio-button,angularjs-ng-repeat,Javascript,Html,Angularjs,Radio Button,Angularjs Ng Repeat,我尝试使用单选按钮和ng repeat,但是当重复被构建时,表单没有以正确的方式绑定,Bug all radio--,我做错了什么?比如当我点击单选按钮改变所有人或没有人。我正在使用AngularJS1和materialize 阿奎因:我的目标是什么 $scope.paineis = [ { id:0, listaCotacoes:[ {id:0, situacao:0}, {id:1, situacao:4} ] }, { id:

我尝试使用单选按钮和ng repeat,但是当重复被构建时,表单没有以正确的方式绑定,Bug all radio--,我做错了什么?比如当我点击单选按钮改变所有人或没有人。我正在使用AngularJS1和materialize

阿奎因:我的目标是什么

$scope.paineis = [
  {
    id:0,
    listaCotacoes:[
     {id:0, situacao:0},
     {id:1, situacao:4}
    ]
  },
  {
    id:1,
    listaCotacoes:[
     {id:6, situacao:0},
     {id:9, situacao:4}
    ]
  }
];

<tbody>
   <tr ng-repeat="cotacoes in painel.listaCotacoes | orderBy: 'situacao'">
      <td><a data-target="verCotacao" class="btn-floating teal modal-trigger"><i class="material-icons">description</i></a></td>
      <td ng-if="cotacoes.situacao == 0"><i class="material-icons light-blue-text text-accent-4">lock_open</i></td>
      <td ng-if="cotacoes.situacao == 2"><i class="material-icons gray-text">block</i></td>
       <td ng-if="cotacoes.situacao == 3"><i class="material-icons green-text">thumb_up</i></td>
       <td ng-if="cotacoes.situacao == 4"><i class="material-icons red-text">thumb_down</i></td>
       <td>21/02/2014</td>
       <td>
          <form action="">
              <div class="row">
                 <div class="col s3">
                    <p>
                       <input name="{{cotacoes.id}}" type="radio" id="aberta" ng-checked="cotacoes.situacao == 0"  value="0" ng-model="cotacoes.situacao"/>
                       <label for="aberta{{cotacoes.id}}">Abrir</label>
                   </p>
                 </div>
                 <div class="col s3">
                    <p>
                       <input name="{{cotacoes.id}}" type="radio" id="Finalizado" ng-checked="cotacoes.situacao == 2" value="2" ng-model="cotacoes.situacao"/>
                       <label for="Finalizado{{cotacoes.id}}">Finalizado</label>
                    </p>
                  </div>
                  <div class="col s3">
                     <p>
                        <input name="{{cotacoes.id}}" type="radio" id="Aprovar" ng-checked="cotacoes.situacao == 3" value="3" ng-model="cotacoes.situacao"/>
                        <label for="Aprovar{{cotacoes.id}}">Aprovar</label>
                     </p>
                   </div>
                   <div class="col s3">
                       <p>
                          <input name="{{cotacoes.id}}" type="radio" id="Reprovada" ng-checked="cotacoes.situacao == 4" value="4" ng-model="cotacoes.situacao"/>
                          <label for="Reprovada">Reprovar</label>
                       </p>
                     </div>
                  </div>
               </form>
             </td>
           </tr>
       </tbody>

如果您的单选按钮是一个组,即您必须从组中选择一个。名称={{cotacoes.id}}应该在所有这些名称上都匹配。因此,不要让它们name={{{cotacoes.id}}更改为name=radio-group,以处理所有应该工作的组

<li>
    <input type="radio" name="radio" id="radio2" ng-model="selectedItem.style_id" value="2">
    <label for="radio2"><img src="/angular/images/Theme-Light-2.png" alt="course_theme_2"></label>
</li>

<li>
     <input type="radio" name="radio" id="radio3" ng-model="selectedItem.style_id" value="3">
     <label for="radio3"><img src="/angular/images/Theme-Light-3.png" alt="course_theme_3"></label>
 </li>

 <li>
     <input type="radio" name="radio" id="radio4" ng-model="selectedItem.style_id" value="4">
     <label for="radio4"><img src="/angular/images/Theme-Light-4.png" alt="course_theme_4"></label>
 </li>

 <li>
     <input type="radio" name="radio" id="radio5" ng-model="selectedItem.style_id" value="5">
     <label for="radio5"><img src="/angular/images/Theme-Light-5.png" alt="course_theme_5"></label>
 </li>

name=s

请提供问题的基本示例,或至少提供样本数据的JS。代码中没有单选项。我添加了一些内容,但当ng重复工作时,单选按钮的名称将相同?是的,名称属性组单选按钮。如果每个单选按钮上的名称不同,则它们不会分组并作为单个按钮。