javascript - ngRepeat 项目和重复项目的属性？

Question

我需要重复我拥有的所有项目，但我需要通过“数量”属性重新重复项目。

$scope.products = [{name: 'Mouse', price: 2, quantity: 3},
                   {name: 'item2', price: 5, quantity: 2}]

我需要在最终的 HTML 中获取 Mouse item 的 3 个(数量)div、item2 的 2 个 div :

<div>
 Mouse<br/>
 Price: $2 <br/>
</div>
<div>
Mouse<br/>
Price: $2 <br/>
</div>
<div>
Mouse<br/>
Price: $2 <br/>
</div> //need Mouse be repeated 3 times by they quantity property

Answer 1

这是一种方法:

    <ul style="color: white">
        <li ng-repeat="product in products">
            <ul>
                <li ng-repeat="t in times(product.quantity) track by $index">{{product.name}}</li>
            </ul>
        </li>
    </ul>

在 Controller 中:

    $scope.products = [{name: 'Mouse', price: 2, quantity: 3},
               {name: 'item2', price: 5, quantity: 2}];
    $scope.times = function(x) {
        return new Array(x);
    };

和一个fiddle