Javascript 用单选按钮重复ng中的错误
我尝试使用单选按钮和ng repeat,但是当重复被构建时,表单没有以正确的方式绑定,Bug all radio--,我做错了什么?比如当我点击单选按钮改变所有人或没有人。我正在使用AngularJS1和materialize 阿奎因:我的目标是什么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:
$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重复工作时,单选按钮的名称将相同?是的,名称属性组单选按钮。如果每个单选按钮上的名称不同,则它们不会分组并作为单个按钮。