2016-01-03 98 views
1

我有一個簡單的NG重複與拒絕功能的單選按鈕。以下作品完美的罰款:爲什麼使用ng-repeat的單選按鈕不起作用?

<label class="radio-inline"> 
    <input type="radio" ng-model="display_as" name="display_as" value="1">position 1 
    <input type="radio" ng-model="display_as" name="display_as" value="2">position 2 
</label> 
<pre>{{ display_as }}</pre> 

但我確實看到兩個單選按鈕(如預期),我可以選擇兩個單選按鈕eitherone以下,但仍$scope.display_as不確定。

<label ng-repeat="position in user.positions" class="radio-inline"> 
    <input type="radio" ng-model="display_as" name="display_as" value="{{ $index }}">{{ position.name }} 
</label> 
<pre>{{ display_as }}</pre> 

爲什麼哦爲什麼?!有沒有人能告訴我我在做什麼錯在我的ng-repeat

+0

對於一些神祕的,如果你使用user.display_as,它的工作原理(http://jsbin.com/yaseye/edit?html,js,output)。 Excelent @ andrei-gheorghiu,在過去,我遇到了同樣的問題,我只用了ng-change。 –

回答

3

ng-repeat通過user.positions爲每次迭代創建一個單獨的子節點$scope。這些$scope都沒有display_as屬性。

您可以通過使用$parent訪問ng-repeat中的父$scope。在你的情況下:$parent.display_as

相關問題