如何在我的案例中显示重复的元素

Question

我正在尝试根据我传递的值

在我的应用中创建一个简单的ng-repeat

我有类似

的东西

的js

$scope.total = 5;

HTML

<div ng-repeat='total in total'>
    static content
</div>

如何在我的案例中使用ng-repeat显示5个div？感谢。

Answer 1

这是如何使用ng-repeat：

的js

//define an array
$scope.total = [1,2,3,4,5];

HTML

<div ng-repeat='number in total'>
    {{number}}
</div>

Answer 2

为了使用ng-repeat，它必须传入一个Array对象。您可以预先定义此对象，如：

$scope.total = ['a','b','c','d','e'];

或通过内联定义：

<div ng-repeat="character in ['a','b','c','d','e']">
    {{character}}
</div>

使用ngRepeat指令可以执行许多冷却操作，例如检查可迭代项的$ index或$ odd / $ even属性。该文档非常适合发现您可以执行的操作，请查看here。

Answer 3

总计数组：

$scope.total = new Array(5);