Verschachtelte Werte in Winkel mit einem json Feed Ersten

Question

Neu Winkel so kahl mit mir :)

Ich habe folgendes json Beispiel:

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

Ich kann den Titel in Eckige bekommen mit { {post.title}}

Allerdings, wenn ich versuche zu bekommen {{}} post.cat.name seine nicht funktioniert und seine Rückkehr "0"

Jede Hilfe ist sehr geschätzt.

Dank

Answer 1

Das ist, weil cat ein array ist. Du solltest es so handhaben.

{{posts.cat[0].name}} Wenn Sie das erste Element in diesem Array möchten.

Regel für Arrays werden Sie ng-repeat obwohl verwenden:

<span ng-repeat="cat in posts.cat">{{cat.name}}</span> 

Answer 2

cat ist ein Array, so dass in diesem Array die name des ersten Objekts zu erhalten, würden Sie verwenden müssen:

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

Answer 3

dies versuchen.

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>