读取名称为冒号的JSON对象键

Question

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

我试过

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

但它告诉我无法读取属性＆＃39; 0＆＃39;

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

在我的模板中：

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

Answer 1

使用obj['key']来使用此类密钥。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;