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

只需在内部</li>之后移动结束<ul>标记即可。你让<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>

为什么ng-repeat停止在3级工作

1 个答案: