Угловые JS JavaScript массив обозначений

Question

Я задавался вопросом, какой из объектов JavaScript, необходимых, чтобы быть в состоянии назвать обозначения как этот {{item.descriptions.comments}}

код, как это

<div ng-app="manyminds" ng-controller="MainCtrl"> 
<div class="idea item" ng-repeat="item in items" isoatom>  
    <br /> 
    {{item.descriptions.comments}} 
</div> 
</div> 

angular.module('manyminds', [], function() {}).filter('range', function() { 
    return function(input, min, max) { 
     var range = []; 
     min = parseInt(min); //Make string input int 
     max = parseInt(max); 
     for (var i=min; i<=max; i++) 
      input[i] && range.push(input[i]); 
     return range; 
    }; 
}); 

    function MainCtrl($scope) 
    { 

     $scope.items = [ 
      {descriptions:[ 
       { 
        comments: [ 
         'comment A in item 0', 
         'comment B in item 0' 
         ] 
       }, 
       { 
        comments: [ 
         'comment A in item 1', 
         'comment B in item 1', 
         'comment C in item 1', 
         'comment D in item 1' 
         ] 
       } 
      ]}, 
      {descriptions:[ 
       { 
        comments: [ 
         'comment A in item 0', 
         'comment B in item 0' 
         ] 
       }, 
       { 
        comments: [ 
         'comment A in item 1', 
         'comment B in item 1', 
         'comment C in item 1', 
         'comment D in item 1' 
         ] 
       } 
      ]},  
      ]; 
    } 

Я могу показать его, если запись подобно этому {{item.descriptions}}, но как я должен настроить $ scope.items, чтобы быть в состоянии назвать как этого {{item.descriptions.comments}}

Answer 1

Допуская предметы, описания и комментарии все должны быть массивами, вы можете вложить нг-повторы, если Вы пытаетесь показать комментарии для каждого описания:

<div ng-app="manyminds" ng-controller="MainCtrl"> 
<div class="idea item" ng-repeat="item in items" isoatom>  
    <div ng-repeat="description in item.descriptions"> 
     <div ng-repeat="comment in description.comments"> 
      {{ comment }} 
     </div> 
    </div> 
</div> 
</div> 

Answer 2

Вы установили $scope.items и попытаться получить к нему доступ через {{item}}, который не будет работать.

Либо используйте $scope.item, либо получите доступ к нему с помощью {{items}} в вашем шаблоне.

Answer 3

Вы можете сделать что-то вроде этого: http://plnkr.co/edit/r8Vnqxmwiu1D9Oi1u9D4?p=preview

который в основном вложенной ng-repeat

Answer 4

Это может быть предмет, который нужно:

$scope.items = [ 
    { 
    name:'item1', 
    descriptions: [ 
     { 
     name:'description1', 
     comments:['commentary1','commentary2'] 
     }, 
     { 
     name:'description2', 
     comments:['commentary1','commentary2'] 
     } 
    ] 
    }, 
    { 
    name:'item2', 
    descriptions: [ 
     { 
     name:'description1', 
     comments:['commentary1','commentary2'] 
     }, 
     { 
     name:'description2', 
     comments:['commentary1','commentary2'] 
     } 
    ] 
    }]; 

вид должен быть чем-то вроде этого:

<div ng-repeat="item in items"> 
    <h1>{{item.name}}</h1> 
    <div ng-repeat="description in item.descriptions"> 
    <h3>{{description.name}}</h3> 
    <div ng-repeat="comment in description.comments"> 
     <p>{{comment}}</p> 
    </div> 
    </div> 
</div>