Angularjs MDL不更新两个ng重复';复选框值
我试图显示两个ng重复,以两种不同的格式显示相同的数组:一个带有复选框的简单列表和一个带有扩展信息和复选框的相同列表 下面的示例在角度方面效果很好Angularjs MDL不更新两个ng重复';复选框值,angularjs,checkbox,material-design-lite,Angularjs,Checkbox,Material Design Lite,我试图显示两个ng重复,以两种不同的格式显示相同的数组:一个带有复选框的简单列表和一个带有扩展信息和复选框的相同列表 下面的示例在角度方面效果很好 <label ng-repeat="item in vm.items"> <input type="checkbox" ng-model="item.selected"> {{item.name}} </label> <div ng-repeat="item in vm.items"> &
<label ng-repeat="item in vm.items">
<input type="checkbox" ng-model="item.selected">
{{item.name}}
</label>
<div ng-repeat="item in vm.items">
<h1>{{item.name}}</h1>
<p>{{item.desc}}</p>
<input type="checkbox" ng-model="item.selected">
</div>
{{item.name}
{{item.name}
{{item.desc}}
但是如果我使用Material Design Lite,选中状态不会更新,因此当您单击一个复选框时,另一个复选框仍保持不变
实例:
<div ng-repeat="item in vm.items">
<div class="mdl-card__title" ng-style="{'background-image': 'url({{item.photo}})'}">
<h2 class="mdl-card__title-text">{{item.name}}</h2>
</div>
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-{{$id}}">
<input type="checkbox" ng-model="item.selected" ng-change="vm.updateMDL()" class="mdl-checkbox__input" id="checkbox-{{$id}}">
<span class="mdl-checkbox__label">Select {{item.name}}</span>
</label>
</div>
{{item.name}
选择{{item.name}
在清单中:
<div ng-repeat="item in vm.items">
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-list-{{$id}}">
<input type="checkbox" ng-model="item.selected" class="mdl-checkbox__input" id="checkbox-list-{{$id}}">
<span class="mdl-checkbox__label">{{item.name}}</span>
</label>
</div>
{{item.name}
如果单击一个复选框,然后单击列表中的同一个复选框,则对象的选定状态将被切换,并且单击的复选框不会更改(因为它最初没有更改为选定)
还有其他人面临这个问题吗?解决方法?请显示编码,这不起作用。猜测您的问题并不容易。请提供您的MDL代码,以便我们可以查看错误。复选框也不会导致兄弟姐妹更新。默认情况下,只有收音机才这样做。请显示编码,这不起作用。猜测您的问题并不容易。请提供您的MDL代码,以便我们可以查看错误。复选框也不会导致兄弟姐妹更新。默认情况下,只有收音机才这样做。