【问题标题】:How to setup angularjs select to work with objects如何设置 angularjs 选择以使用对象
【发布时间】:2014-09-30 21:08:05
【问题描述】:

代码:

<select ng-model="ticket.owner.id" 
        ng-options="user.id as getFullName(user) for user in users" required>
</select>

上面的例子确实有效。但是,当我将修改后的对象发送到我的 rest api 时,对象的唯一更改值是 ID。例如。选择选项1并选择“选项2”并提交时,发送了与Option1关联的对象,但具有option2的ID。

当我有:

<select ng-model="ticket.owner" 
        ng-options="user as getFullName(user) for user in users" required>
</select>

并更改选择的值并提交,正确的对象被传输到rest api。但是选择框已损坏,它显示一个空字段并且不设置所选值。

我们可以使用选择框来选择对象而不只是 ID 的任何想法?

【问题讨论】:

    标签: angularjs


    【解决方案1】:

    不确定您对getFullName() 的实现以及实际上是什么 被发送到 rest 服务。

    http://plnkr.co/edit/U7WIe4CvPUQFJFE4NtB6?p=preview

    您可以在此示例中看到,ticket.owner 是其中之一 users 数组中由选择框选择的对象。 并且选择框显示users的全名。

    这是你想要的吗?

    【讨论】:

    • 这正是我已经拥有的。如何删除空选项字段?
    • 您可以简单地将初始值设置为ticket.owner。我更新了plnkr。见:stackoverflow.com/a/12654812/1238847
    • 那个 plnkr 不工作,对我来说真的很有帮助:(
    猜你喜欢
    • 2017-12-31
    • 1970-01-01
    • 1970-01-01
    • 2021-11-30
    • 1970-01-01
    • 2017-11-19
    • 2014-11-26
    • 2017-01-11
    • 1970-01-01
    相关资源
    最近更新 更多