Question

请参阅以下代码：

<ion-item no-lines no-padding [ngClass]="{'ddl-selected': (detailedNote.content.m1spasm.tmj)}">
  <ion-select [(ngModel)]="detailedNote.content.m1spasm.tmj" class="ddl-custom">
    <ion-option [value]="''">TMJ</ion-option>
    <ion-option [value]="'TMJ left'">TMJ Left</ion-option>
    <ion-option [value]="'TMJ right'">TMJ Right</ion-option>
    <ion-option [value]="'TMJ bilateral'">TMJ Bilateral</ion-option>
  </ion-select>
</ion-item>

我有什么方法可以默认设置选项吗？如下例所示：

<option value="audi" selected>Audi</option>

我需要选择第一个选项作为默认选项：TMJ。我怎样才能做到这一点？

Answer 1

@Emi你可以在ts文件中设置Date, Time, CO(GT), PT08.S1(CO) 10/03/2004, 18.00.00, 2, 6模态值

Answer 2

避免使用带空格的单词作为值，因为它们是静态值，您可以直接使用value属性（而不是angular属性[value]）：

<ion-item no-lines no-padding [ngClass]="{'ddl-selected': (detailedNote.content.m1spasm.tmj)}">
  <ion-select [(ngModel)]="detailedNote.content.m1spasm.tmj" class="ddl-custom">
    <ion-option value="tmj">TMJ</ion-option>
    <ion-option value="tmj_left">TMJ Left</ion-option>
    <ion-option value="tmj_right">TMJ Right</ion-option>
    <ion-option value="tmj_bilateral">TMJ Bilateral</ion-option>
  </ion-select>
</ion-item>

所以现在为了默认选择第一个选项（value属性等于tmj的那个选项），在构造函数或组件的任何其他函数中，初始化{{ 1}}具有该值的属性：

detailedNote.content.m1spasm.tmj

Answer 3

要默认选择ion-option，您可以使用selected属性，就像html5 option标记一样：

<ion-select> <ion-option value="AL">Albania</ion-option> <ion-option value="YE" selected>Yemen</ion-option> <ion-option value="AF">Afghanistan</ion-option> </ion-select>

离子2 - 离子选择 - 默认情况下如何选择选项？

3 个答案: