2

HTML代碼如何得到NG重複

<div ng-repeat="jump in counter track by $index" > 
    <spinner jump="result1" ></spinner> 
    <span>{{$index+1}}_spinner value:- {{result1}}</span> 
</div> 

控制器外面定製指令範圍:

$scope.counter = [0,1,2]; 

<spinner>是一個自定義的指令,由 '跳' 我」 m隔離示波器

我想要在ng-repeat外的每個spinners的範圍與另一個ng-重複,以顯示每個微調器的值。

您可以在我創建的plunker上查看我的示例。

回答

0

可以使用對象數組作爲模型爲您ng-repeat爲:

$scope.spinners = [{id: 0, value: 0},{id: 1, value: 0},{id: 2, value: 0}]; 

和HTML:

<b>inside ng-repeat</b> 
<div ng-repeat="spinner in spinners track by $index"> 
    <spinner jump="spinner.value"></spinner> 
    <span>{{$index+1}}_spinner value:- {{spinner.value}}</span> 
</div> 

<b>out</b> 
<div ng-repeat="spinner in spinners track by $index"> 
    <span>{{$index+1}}_spinner value:- {{spinner.value}}</span> 
</div> 

檢查修改Plunker:http://plnkr.co/edit/TILKLELHMZDhSLAPj2fp?p=preview

+0

感謝您的支持... – Teena

+0

如果答案對你有用,請[接受它並投票](http://stackoverflow.com/help/someone-answers)它 – beaver