将Angular字典生成的下拉列表设置为ng-model [英] Set ng-model for dropdown which generated from dictionary in Angular

问题描述

我有一个下拉菜单，可从Dictionary（int，string）中检索数据：

I have dropdown which retrieve data from Dictionary(int,string):

<select 
    class="form-control" 
    data-ng-model="model.Case.OwnerUserId" 
    data-ng-options="key as value for (key,value) in model.OwnerUsers" >
</select>

model.Case.OwnerUserId 是 int 值，我尝试通过 ng-model 指令绑定并设置下拉列表的选定值。但是下拉列表未选中。在这种情况下我做错了什么？

model.Case.OwnerUserId is int value which i try to bind by ng-model directive and set selected value for dropdown.But dropdown left unselected. What i do wrong in this situation?

更新：部分视图模型数据

UPDATE: Part of view models data

public class CaseViewModel
{
    public Case Case { get; set; }

    public Dictionary<int,string> Facilities { get; set; }

    public Dictionary<int, string> OwnerUsers { get; set; }
}

public class Case
{
    public int CaseId { get; set; }

    public int ResidentId { get; set; }

    public int OwnerUserId { get; set; } ...

序列化后的JS模型样本：

Sample of JS Model after serialize:

{
"Case": {
    "CaseId": 27,
    "ResidentId": 4478,
    "OwnerUserId": 15,
    "CreatedByUserId": 20,
    "LastUpdatedUserId": null,
    "ReceivedDate": "2014-06-23T12:49:54.713", ...


"OwnerUsers": {
    "35": "a.markov",
    "15": "a.zaharov",
    "20": "e.martynov",
    "36": "a.oryel",
    "40": "test01"
}

推荐答案

您正在寻找的是：

data-ng-options = mymodel.Case.OwnerUsers中的（key，value）的键

小提琴：< a href = http://jsfiddle.net/g8Xtp/ rel = nofollow noreferrer> http://jsfiddle.net/g8Xtp/

这篇关于将Angular字典生成的下拉列表设置为ng-model的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！