Angularjs 为什么ng重复在3级停止工作

我正在使用angularjs渲染层次结构。测试用例位于

我的问题是为什么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>

{{key}}

{{np.name}，{{np.trims}


（ng重复停止在此工作）{{trim}

只需在您的内部

后移动关闭标签。您让

立即关闭，结束循环

  <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>

{{key}}

{{np.name}，{{np.trims}


作品{{trim}}