当我只有两个选项时，如何在选择选项中设置默认值？

Posted 2023-02-18

【中文标题】当我只有两个选项时，如何在选择选项中设置默认值？

【英文标题】：how to set default value in select option when I have only two option?

【发布时间】：2022-01-02 17:11:57

【问题描述】：

这是我的代码

<select class="form-control" 
   aria-placeholder="select auth type" id="auth_type" 
   [(ngModel)]="authenticationType" 
   name="auth_type"
   #auth_type="ngModel" 
   (change)="changeAuthenticationType($event)" required>
                    <option [ngValue]="undefined" disabled  selected>'AUTHENTICATION_CONFIGURATION.SELECT_TYPE' | translate
                    </option>
                    <option value="ALIGNOR_AUTHENTICATION">ALIGNOR AUTHENTICATION</option>
                    <option value="COGNITO_AUTHENTICATION">COGNITO AUTHENTICATION</option>
 </select> 

【参考方案1】：

您没有按照推荐的方式完成它。

请参阅 this demo code to see 它是如何完成的。我建议这样做。

<select [(ngModel)]="selectedItem">
  <option *ngFor="let item of items" [ngValue]="item">item.value</option>
</select>

您可以相应地更改您的代码。

【讨论】：

我只有两个不使用数组的选项

@AnisaShaikh 创建一个数组，其值类似于 key: 'ALIGNOR_AUTHENTICATION', value: 'ALIGNOR AUTHENTICATION' , 。我认为那里没有问题。如果不是，则在您的代码中将value 替换为[ngValue]

即使我使用数组也无法正常工作，我认为问题出在 [(ngModel)]

从我的示例中创建一个分支并分享相同的演示代码。否则，我无能为力了

如何在另一个函数中使用 api 的值？