angularJs ng - 在 json 对象数组上重复

阿努杰·托马尔

这是我需要解析的 json 格式：

[{
  "perAddress": {
    "city": "Delhi",
    "Street": "saket",
    "pin": "101011"
  },
  "flag": false
}, {
  "perAddress": {
    "city": "Delhi",
    "Street": "malvya",
    "pin": "101011"
  },
  "flag": true,
  "alterAddress": {
    "city": "bangalore",
    "street": "velondore",
    "pin": "560103"
  }
}];

如果该标志为 false，则不会突出显示相应的行，而只会perAddress填充该行。
如果该标志为真，则相应的行将突出显示，包含perAddress并单击alterAddress需要填充的行。如何遍历json？

用户4870812

我可以用两种方式告诉你。也不需要使用标志。

.highlight {
  background-color: gray;
}

使用标志解决方案如下：

 <div>
   <div ng-repeat="address in addresses" ng-class="{'highlight' : address.flag}">
    <a ng-if="!showAlterAddress" ng-click="showAlterAddress = !showAlterAddress">{{address.perAddress}}</a>
    <span ng-if="showAlterAddress">{{address.alterAddress}}</span>
   </div>
 </div>

不使用标志解决方案如下：

 <div>
   <div ng-repeat="address in addresses" ng-class="{'highlight' : address.alterAddress}">
    <a ng-if="!showAlterAddress" ng-click="showAlterAddress = !showAlterAddress">{{address.perAddress}}</a>
    <span ng-if="showAlterAddress">{{address.alterAddress}}</span>
   </div>
 </div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。