Angular2使用ngValue选择初始对象

前端之家收集整理的这篇文章主要介绍了Angular2使用ngValue选择初始对象前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在填充选择时设置初始值,数据来自休息并加载到组件中.
之后未设置/更新初始值

获取列表以填充选择:

...
ngOnInit():any {

this.crudService.get(`/api/countries`).subscribe(data => {this.countries = data;});
...

获取模型对象女巫有一个国家:

...
this.crudService.get('/api/unions/default').subscribe(data => {
 this.union = data;
...

HTML:

...
<div class="col-md-2">
              <select *ngIf="union.country" [(ngModel)]="union.country" class="form-control">
                <option *ngFor="let c of countries" [ngValue]="c">{{c.code}}</option>
              </select>
            </div>

一切正常,我可以选择一个国家,并在模型中正确更新,但初始值未选中但存在于模型中…
有什么建议或者这是一个错误吗?

谢谢!

解决方法

如果将默认值分配给union.country并且它是​​一个对象(与原始值相对),则它必须是同一个实例,而不仅仅是具有相同内容的对象.

猜你在找的Angularjs相关文章