繰り返しAngularjs

Question

に番号を指定する要素数は、私はratingの値を取ると、アイコンの数を繰り返したいのですが、私のAngularjsアプリケーション

{name: 'Vampire Cafe', rating: 4, review: "Food was good, cafe was a bit dark..."} 

の$scopeにバインドさ以下の目的を持っていますその値

総額私のDOMの要素したがって、上記のオブジェクトを指定して、要素を4回繰り返します、とDOMはそうのようになります。

<h3>Rating</h3> 
<i class="icon-ios-star"></i> 
<i class="icon-ios-star"></i> 
<i class="icon-ios-star"></i> 
<i class="icon-ios-star"></i> 

簡単なAngularjs式でこれをどうやって行うことができますか？現時点で

Answer 1

、ng-repeatが唯一のパラメータとしてコレクションを受け入れていますが、これを行うことができます：

<ul> 
    <li ng-repeat="i in getNumber(number) track by $index"><span>{{$index+1}}</span></li> 
</ul> 

そして、どこかのコントローラでは：

$scope.number = 5; 
$scope.getNumber = function(num) { 
    return new Array(num); 
} 

これは、あなたが変更できるようになる$scope.numberあなたが望むように任意の数にして、あなたが探しているバインディングを維持してください。

Here is a fiddleと同じものを使用する2つのリストを持つgetNumber機能です。