Question

当用户点击使用JSON填充的表行时，我试图更改布尔值。例如我有这个...

$scope.prices = {
"Prices": [
    {
        "Code": "edl",
        "Selected": false
    },
    {
        "Code": "ead",
        "Selected": false
    }
]
}

然后我绑定到一个表...

<table>
<tr ng-click="change(item.code)" ng-repeat="item in prices">
    <td>{{prices.Code}}</td> 
    </tr>
</table>

当用户点击一行时，会触发更改功能，然后将所选值更改为true或false

$scope.change = function (itemCode) {
//update the clicked code selcted value to True/False
// first check if its true or false
// then change it accordingly
// Please excuse my terrible attempt!
if(!$scope.prices.code.selected){
    $scope.prices.code.selected = true
} else {
    $scope.prices.code.selected = false
}
};

因为我不确定如何通过更改功能实现此目的。或者还有另一种方式吗？感谢

Answer 1

首先，在你到达实际的价格数组之前，在$scope.prices中增加一个额外的水平是没有意义的。

换句话说，而不是：

$scope.prices = {
"Prices": [
    {
        "Code": "edl",
        "Selected": false
    },
    // etc.
]
};

你应该直接使用数组，这样你就可以轻松地绑定它了：

$scope.prices = [
    {
        "Code": "edl",
        "Selected": false
    },
    // etc
];

然后你可以像这样绑定它：

<table>
    <tr ng-click="change(item)" ng-repeat="item in prices">
        <td>{{item.Code}}</td> 
    </tr>
</table>

最后，既然$scope.change()获取了整个项目，而不仅仅是代码，您可以直接切换其Selected属性：

$scope.change = function (item) {
    item.Selected = !item.Selected;
};

Answer 2

首先进行一些修正。

请参阅Prices内的数组$scope.prices。

更改change()的签名，以便获取对所点击项目的引用。

<table>
  <tr ng-click="change(item)" ng-repeat="item in prices.Prices">
    <td>{{item.Code}}</td>
 </tr>
</table>

现在实施更改方法

$scope.change = function (item) {
  if (item.Selected) {
    item.Selected = false;
  } else {
    item.Selected = true;
  }
};

Answer 3

这是另一个不涉及函数的清洁解决方案，如果您对内存使用情况持谨慎态度，这种方法将使您无法从$ scope中删除函数。

<table>
    <tr ng-click="item.Selected = !item.Selected" ng-repeat="item in prices">
        <td>{{item.Code}}</td>
    </tr>
</table>

快乐帮助！

使用Angular更改存储在JSON中的布尔值？

3 个答案: