javascript - Angular js : How to repeat unknown number of div?

Question

我想构建与 $scope.fileContent 变量一样多的 div ，如下所示:

<div class="dd-nodrag" ng-nestable ng-model="fileContent">
    <div>
        {{$item.title}} {{$item.value}}
    </div>
</div>

<div class="dd-nodrag" ng-nestable ng-model="fileContent1">
    <div>
        {{$item.title}} {{$item.value}}
    </div>
</div>

<div class="dd-nodrag" ng-nestable ng-model="fileContent2">
    <div>
        {{$item.title}} {{$item.value}}
    </div>
</div> 


          ...

<div class="dd-nodrag" ng-nestable ng-model="fileContentN">
    <div>
        {{$item.title}} {{$item.value}}
    </div>
</div> 

有没有办法只写这样的东西:

<div class="dd-nodrag" ng-nestable ng-model="fileContent">
    <div>
        {{$item.title}} {{$item.value}}
    </div>
</div> 

并重复此操作多次 $scope.fileContent

这没有任何意义，但我想做的是:

for(i = 0 ; i < N ; i++) {
    <div class="dd-nodrag" ng-nestable ng-model="fileContent"+i>
        <div>
            {{$item.title}} {{$item.value}}
        </div>
    </div> 
}

Answer 1

是的，只需使用 ng-repeat:

<div class="dd-nodrag" ng-repeat="fileContent in fileContents">
    <div>
        {{fileContent.title}} {{fileContent.value}}
    </div>
</div>

您可以在这里阅读更多相关信息:

https://docs.angularjs.org/api/ng/directive/ngRepeat