使用json feed获取嵌套值的角度

Question

我有以下json示例：

posts: [
    {
       title: Post Title,
     - cat: [
            - {
                name: "Category Name",
              }
            ],

我可以使用{{post.title}}

在Angular中获取标题

然而，当我试图让{{post.cat.name}}无效时，它返回“0”

Answer 1

那是因为if (state == 1){ //all the notification code } 是cat。你应该这样处理它。

array如果你想要那个数组中的第一个元素。

通常对于数组，您会使用{{posts.cat[0].name}}：

ng-repeat

Answer 2

试试这个。

var app = angular.module("app",[]);

app.controller("MyCtrl" , function($scope){
  
  $scope.posts=[
    {
       title: "Post Title",
       cat: [
           {
                name: "Category Name",
           }
          ]
    },
     {
       title: "Post Title2",
       cat: [
           {
                name: "Category Name2",
           }
          ]
    }
  
  ];
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="MyCtrl">
   
  <table>
     <tr ng-repeat="p in posts" >
       
         <td >{{p.title}}</td>
         <td >{{p.cat[0].name}}</td>
     </tr>
 </table>
  
</div>

Answer 3

cat是一个数组，因此要获取该数组中第一个对象的name，您必须使用：

{{post.cat[0].name}}