c# - AngularJS：使用子对象属性作为 ng-model

Question

我有一个下拉列表，它绑定到具有以下结构的对象用户：

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

此结构直接来自 C# 模型类，其中 User 和 Locale 是两个作为关联链接的类（User 有一个 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"