Javascript 绑定到ng2选择活动值

Javascript 绑定到ng2选择活动值,javascript,angular,angular2-directives,Javascript,Angular,Angular2 Directives,我正在使用下拉菜单库。我希望能够绑定到选定的数据,并在以后将其设置为“活动”值 例如,假设我有一个名为Car的模型对象 然后在我的模板中,假设我有如下内容: <ng-select [multiple]="false" [active]="myCar.id" (selected)="myCar.id = $event" [items]="[{id: '1', text: 'Car 1'}, {id: '2', text: 'Car 2'}]"></ng-select> 这

我正在使用下拉菜单库。我希望能够绑定到选定的数据,并在以后将其设置为“活动”值

例如,假设我有一个名为Car的模型对象

然后在我的模板中,假设我有如下内容:

<ng-select [multiple]="false" [active]="myCar.id" (selected)="myCar.id = $event" [items]="[{id: '1', text: 'Car 1'}, {id: '2', text: 'Car 2'}]"></ng-select>

这会在变更检测循环中导致无限循环。。我不知道如何解决这个问题。最终目标是基本上“记住”用户选择的内容,然后将其序列化为JSON,然后当我稍后将存储的值传递回时,下拉菜单将自动选择该值…

首先,修复代码中的此问题:

所选返回对象{id:…,text:…} 活动需要对象[{id:…,text:…}]的数组 您的车辆类型的id为数字类型,但您的项目的id为字符串类型 试试这个:


选择一个值后,您会得到无限循环吗?
<ng-select [multiple]="false" [active]="myCar.id" (selected)="myCar.id = $event" [items]="[{id: '1', text: 'Car 1'}, {id: '2', text: 'Car 2'}]"></ng-select>