2

请看http://jsfiddle.net/mahbub/sbNty/4/

<div ng-app="">
  <div ng-controller="Ctrl">
        <ul>
            <li ng:repeat="status in statuses"><label><input type="checkbox" data-ng-model="status.type" data-ng-true-value="closed" data-ng-false-value="{{status.type}}" />{{status.type}}</label></li>
      </ul>
  </div>
</div>​

如您所见,复选框的标签是根据 JSON 中的状态类型打印的。现在取消选中,标签变为假。取消选中该复选框后,我必须缺少一些正确的方法来返回原始标签文本。

我的意思是当我取消选中时,标签需要是“打开的”或者它最初是什么。

任何帮助是极大的赞赏。

谢谢

4

1 回答 1

1

最后,我使用 ngInit 并在范围对象内设置了一个不同的变量。请参阅此处的演示http://jsfiddle.net/mahbub/sbNty/5/

<div ng-app="">
  <div ng-controller="Ctrl">
        <ul>
            <li ng:repeat="status in statuses"><label><input ng-init="status.oldStat=status.type" type="checkbox" ng-model="value" ng-click="selectV(value,this)">{{status.type}}</label></li>
      </ul>
  </div>
</div>​

控制器 :

'use strict';

function Ctrl($scope) {
    $scope.statuses = [{
        id: 1,
        type: 'open'},
    {
        id: 2,
        type: 'open'},
    {
        id: 3,
        type: 'new'},
    {
        id: 4,
        type: 'closed'},
    {
        id: 5,
        type: 'open'},
    {
        id: 6,
        type: 'new'},
    {
        id: 7,
        type: 'open'}
];

    $scope.selectV = function(val, stat) {
        if (val) {
            stat.status.type = "closed";
        } else {
            stat.status.type = stat.status.oldStat;
        }
    }
}​
于 2012-12-13T10:17:58.823 回答