2016-09-21 59 views
0

我在我的HTML作爲空兩NG-重複部分:如何重新分配新的數據到NG-重演angularjs

<md-card ng-repeat="location in global.locations | limitTo: 1 "> 

    <md-select name="location_id" ng-model="location" ng-change="getSingleLocations(location)"> 
     <md-option ng-repeat="location in global.locations" ng-value="location.slug"> 
    {{ location.location_name }} 
     </md-option> 
    </md-select> 
</md-card> 

當我改變內重複再外重複內容應改變按選定的一個。

+0

這將是有益的,如果你讓plunker或代碼筆,使我們能夠更好地理解問題 –

+0

@VickyKumar,我地名釋義: –

+0

@VickyKumar,兩NG-重複是有...我已經爲外部重複部分設置了limitTo:1,所以只會顯示一條記錄...現在內部重複部分(下拉字段)被所有記錄進行了輪詢....並且當我更改它時,ng -change事件被觸發並且在外部重複應根據內部重複中的選定值進行更改....我希望我現在清楚。 –

回答

0

我覺得沒有一個普朗克你不會得到解決方案。但在這裏的代碼中,我看到一些問題,首先,首先ng-repeat使用位置作爲迭代項名稱,第二個使用完全相同的名稱 - 這是錯誤的,第二個應該使用自己的名稱。 第二個問題 - 第二個ng-repeat的ng模型再次使用相同的變量名 - 這將包含選定的值,因此它必須是不同的對象 - 我將它稱爲selectedLocation。

第三件事,我沒有真正得到的是爲什麼你需要第一個ng重複 - 關於angularjs的好的部分是數據綁定,並且一旦你有ng模型被angular填充,你可以使用那個在MD卡是這樣的:

<md-card> 
    <md-card-title> 
     <md-card-title-text> 
     <span class="md-headline">{{selectedLocation.slug}}</span> 
     </md-card-title-text> 
    </md-card-title> 
    <md-select ng-model="selectedLocation"> 
     <md-option ng-repeat="location in global.locations track by $index" value="{{location.slug}}"> 
    {{ location.location_name }} 
     </md-option> 
    </md-select> 
</md-card> 
+0

感謝您的意見...這個答案對我很有幫助。 –

+0

很高興我能幫上忙。確保將其標記爲未來參考的可接受答案。 –