【问题标题】: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> 

【问题讨论】:

    标签: html angular drop-down-menu tags html-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 的值?
    猜你喜欢
    • 1970-01-01
    • 2017-12-11
    • 2019-04-29
    • 2014-11-18
    • 2015-09-19
    • 2017-04-30
    • 1970-01-01
    • 1970-01-01
    • 2017-02-05
    相关资源
    最近更新 更多