结合 ngModel 设置默认选择选项

编程问答 2022-05-22

问题描述

我有一个包含选择的组件。

选项是用@Input 设置的，并与 ngModel 绑定。 但是我无法使用此组合设置默认值。

我的组件：

export class someComponent {
  @input() options: any[];
  @Input() selectedOption: any;
  @Output() optionChanged = new EventEmitter<any>();

  onOptionChanged() {
    this.optionChanged.emit(this.selectedOption);
  }
}

HTML：

<select *ngIf="options" [(ngModel)]="selectedOption" (change)="onOptionChange_select(selectedOption)">
  <option selected disabled>Select an option</option>
  <option *ngFor="let option of options" [value]="option.text">{{option.text}}</option>
</select>

afterviewInit 不起作用，并且设置第一个选项的值对我也不起作用。

第一个选项没有绑定

我想设置加载时选择的第一个选项。使用此代码，加载组件时不会选择任何选项。

选项输入如下：

[{id: '1',text: 'option1'},{id: '2',text: 'option2'}]

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

2-way-object-databindingangularhtmltypescripttypescript