我正在使用ng-repeat从数据动态创建按钮。一次只能单击一个按钮。我现在想做的是能够取消选择一个单击的按钮,但是还可以根据按钮是否被单击来更改按钮的类。我试图用下面的代码实现这一点,但是显然不能正常工作。我的JavaScript并不是最强的,所以我希望有人能给我一点帮助。谢谢。
<div class="form-horizontal" data-ng-repeat="item in schedule.Events">
<div class="form-group">
<div class="col-xs-12 col-md-6 col-lg-6">
<button type="button" class="btn form-control"
data-ng-class="[pickChosen == 1 ? 'btn-success' : 'btn-default']"
data-ng-click="pickChosen = buttonToggle(1);">
</button>
</div>
<div class="col-xs-12 col-md-6 col-lg-6">
<button type="button" class="btn form-control"
data-ng-class="[pickChosen == 2 ? 'btn-success' : 'btn-default']"
data-ng-click="pickChosen = buttonToggle(2);">
</button>
</div>
</div>
</div>
角度代码:
.controller('dashController', function ($scope, $http) {
$scope.buttonToggle = function(buttonNumber) {
if (pickChosen == 0) {
pickChosen = buttonNumber;
} else {
pickChosen = 0;
}
}
})
您的代码几乎可以了。只是一件事。对于ngClick remove分配部分,它应该看起来像:
data-ng-click="buttonToggle(1);"
然后在控制器中pickChosen
使用this
关键字引用当前作用域:
$scope.buttonToggle = function(buttonNumber) {
this.pickChosen = buttonNumber === this.pickChosen ? 0 : buttonNumber;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句