Angular复选框选中或取消选中

时间:2016-04-20 06:22:26

标签: angularjs

目前,我可以选中复选框并更新状态,同时我将复选框显示为已选中。 但是再次点击时,它不会改变。

<md-checkbox ng-class="subtask.status === 'completed' ? 'md-checked' : ' ' " aria-label="Checkbox_{{$index+1}} checked checkbox" ng-model="subtask[$index].isChecked" ng-change="getClicked(subtask[$index],mySubtaskData._id,subtask.id)">
              <p class="subTask_{{subtask.status}}"> {{subtask.title}}</p>
</md-checkbox>

1 个答案:

答案 0 :(得分:0)

为什么你在$scope.dataArry = {}函数中执行getClicked?这将在每次调用$ scope.getClicked时更改对象实例。这是理想的行为吗?

你的命名有点乱。您有一个名为子任务的范围变量,在某些情况下您使用$index。所以,如果我错了,请纠正我,但子任务实际上有&#34;子任务&#34;您使用$ index访问它们也称为子任务但是在getClick函数中?

我假设您的示例中缺少ng-repeat。您是否还可以在示例中包含ng-repeat块?

我还注意到你的getClick函数$scope.dataArry var上设置了状态属性,而你的ng-class代码在子任务上搜索它。

也许你想写<md-checkbox ng-class="dataArry.status"...。如果你的例子中没有更多的代码,很难说。