我想将select元素绑定到对象列表-这很容易：

@Component({

selector: 'myApp',

template: `

My Application

{{c.name}}

`

})

export class AppComponent{

countries = [

{id: 1, name: "United States"},

{id: 2, name: "Australia"}

{id: 3, name: "Canada"},

{id: 4, name: "Brazil"},

{id: 5, name: "England"}

];

selectedValue = null;

}

在这种情况下，似乎selectedValue是一个数字-所选项目的ID。

但是，我实际上想绑定到country对象本身，所以它selectedValue是对象，而不仅仅是id。我试图像这样更改选项的值：

{{c.name}}

但这似乎不起作用。它似乎在我的对象中放置了一个对象，selectedValue但是没有放置我期望的对象。您可以在我的Plunker示例中看到这一点。

我还尝试绑定到change事件，以便可以根据所选的id自己设置对象；但是，似乎更改事件在绑定的ngModel更新之前就触发了-

这意味着我当时无法访问新选择的值。

有没有一种干净的方法可以将选择元素绑定到具有Angular 2的对象？

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！