爲什麼ng-repeat在第3級停止工作

Question

我正在使用angularjs來呈現分層結構。測試用例在http://jsbin.com/agodoj/1/edit

我的問題是爲什麼ng-repeat停止在第3級工作？由於

這裏是我的模型

function Test($scope) { 
    $scope.cars = { 
    chrylser: { 
     nameplates: [{ 
     name: "np1", 
     trims: [ 
      "tirm1", "trim2" 
      ] 
     }] 
    } 
    }; 
} 

這裏是我的模板

<div ng-app ng-controller="Test"> 
    <div ng-repeat="(key, value) in cars"> 
     {{key}} 
     <ul> 
      <li ng-repeat="np in value.nameplates">{{np.name}}, {{np.trims}}</li> 
      <ul> 
       <li ng-repeat="trim in np.trims"> 
        (ng-repeat stop working here) {{trim}} 
       </li> 
      </ul> 
     </ul> 
    </div> 
</div> 

Answer 1

只需要你內心<ul>後使封閉</li>標籤。您立即關閉<li ng-repeat="np in value.nameplates">，結束循環。

<div ng-app ng-controller="Test"> 
    <div ng-repeat="(key, value) in cars"> 
     {{key}} 
     <ul> 
     <li ng-repeat="np in value.nameplates">{{np.name}}, {{np.trims}} 
     <ul> 
      <li ng-repeat="trim in np.trims"> 
      works! {{trim}} 
      </li> 
     </ul> 
     </li> 
    </ul> 
    </div> 
    </div>