angularjs - 读取名称中带有冒号的 JSON 对象键

Question

我需要一些关于如何使用 Angular 2 访问 JSON 对象的这个键的指导。

我试过了

{{news._embedded["wp:featuredmedia"][0].id}}

但它告诉我无法读取属性“0”

[
  {
  "_embedded": {
    "wp:featuredmedia": [
        {
        "id": 7240
         }
     ]
    }
  }
 ]

在我的模板中:

<ion-card *ngFor="let news of newsObj">
    {{news._embedded["wp:featuredmedia"][0].id}}
</ion-card>

Answer 1

使用 obj['key'] 来使用这样的键。

angular.module('app', [])
.controller('ctrl', function($scope){
  $scope.obj = [
  {
  "_embedded": {
    "wp:featuredmedia": [
        {
        "id": 7240
         }
     ]
    }
  }
 ]
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  <table style='border:1px solid black'>
    <tr ng-repeat="n in obj">
      <td>{{n._embedded['wp:featuredmedia'][0]['id']}}<td>
      <tr>
    </table>
  </div>