AngularJS：使用子对象属性作为 ng-model答案

【问题标题】：AngularJS: use sub-object attribute as ng-modelAngularJS：使用子对象属性作为 ng-model
【发布时间】：2013-09-27 05:13:44
【问题描述】：

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

{
  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>

任何帮助将不胜感激！谢谢

【问题讨论】：

标签： c# javascript angularjs

【解决方案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"

【讨论】：

感谢您的回答，但我的问题是验证模型语法，而不是选项。