0

私は angularjs を 1 日しか使っていないので、これはばかげた質問かもしれません!

以下を使用すると、正常に表示されるdivのセットがあります。

<div class="numbers">
    <div ng-class="classes[0]">0</div>
    <div ng-class="classes[1]">1</div>
    <div ng-class="classes[2]">2</div>
    <div ng-class="classes[3]">3</div>
    <div ng-class="classes[4]">4</div>
    <div ng-class="classes[5]">5</div>
</div>

..しかし、ループを使用する方が良いと思ったので、試しました:

<div class="numbers" ng-repeat="class in classes">
    <div ng-class="class">{{$index}}</div>
</div>

問題は、ng-repeat を使用すると、繰り返される各項目がその親 div でラップされ、幅が広すぎて、各数値が左に浮いてしまうのを止めるように見えることです。

これはjsfiddleにあります: http://jsfiddle.net/alanbeech/BLBJq/19/

4

2 に答える 2

3

ng-repeat内側の div タグにディレクティブを配置する

<div class="numbers" >
    <div ng-repeat="class in classes" ng-class="class">{{$index}}</div>
</div>

更新されたフィドルhttp://jsfiddle.net/vittore/BLBJq/21/

于 2013-05-12T06:25:59.447 に答える
0

ありがとう、これも私を助けました。何らかの理由で、ng-repeat は内側ではなく外側の要素にあるはずだと思いました。ただし、繰り返す必要がある内部要素にある必要があることは理にかなっています

于 2013-10-13T16:20:33.567 に答える