我想在加載時在下拉選單中設定選擇第一個選項,然后獲取該值并對其進行處理。我試過這個:
<select class="form-control custom-select" type="text" [(ngModel)]="model" (change)="changeVertical(model)">
<option value=""></option>
<option *ngFor="let vertical of ls.registries['verticals'], let i = index" [(value)]="vertical.code"
[attr.selected]='i==1 ? "selected" : null'>
{{vertical.name}}</option>
</select>
changeVertical(model) {
this.changeCategory.emit(model);
}
但這不起作用,它只有在我設定i>0但它設定最后一個元素時才起作用,我不想這樣做。另一件事是我無法獲得價值,因為它從未進入此changeVertical方法。我試圖獲得價值,ngOnChanges但它是一樣的。
uj5u.com熱心網友回復:
Angular 會自動選擇由 ngModel 系結的條目。您需要做的就是在您的 ts 檔案中設定ls.registries['verticals'][0].code為。model
html
<select class="form-control custom-select" type="text" [(ngModel)]="model" (change)="changeVertical(model)">
<option value=""></option>
<option *ngFor="let vertical of ls.registries['verticals']" [value]="vertical.code">
{{vertical.name}}
</option>
</select>
ts
this.model = this.ls.registries['verticals'][0].code;
PS.:我建議重命名model為selectedCode
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/527714.html
標籤:有角度的
下一篇:從發出的值中獲取資料
