AngularJS：使用子對象屬性以ng-模型

Question

我有綁定到對象的用戶具有以下結構下拉：

{ 
    userId:1, 
    userLogin:"test", 
    locale: { localeCode:"en-US" } 
} 

該結構直接從C＃模型類，其中用戶和Locale來是作爲關聯鏈接的兩個類（用戶有一個Locale）。

所以我想定義下面的下拉列表，而不用做任何自定義邏輯，如以特殊方式序列化對象，或將$ watch添加到「UI」屬性，以便我可以在後臺更新locale.localeCode。

<select id="dropLocale" required="required" addempty="true" 
     ng-model="user.locale.localeCode" 
     ng-options="i.localeCode as i.localeCode for i in localeList"></select> 

任何幫助將不勝感激！ 感謝

Answer 1

假設數據結構是這樣的

$scope.localeList = [{ 
    userId: 1, 
    userLogin: "test", 
    locale: { 
     localeCode: "en-US" 
    } 
}, { 
    userId: 2, 
    userLogin: "test2", 
    locale: { 
     localeCode: "de" 
    } 
}]; 

我想你錯過水平locale，試試這個

ng-options="i.locale.localeCode as i.locale.localeCode for i in localeList"