0

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

1 に答える 1

2

</li>inner の後に終了タグを移動するだけです<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>
于 2013-03-27T17:25:26.920 に答える