在Angular中的表单上选择标签

时间:2018-11-07 21:51:08

标签: javascript angular

我在表单的选择字段中有一个问题。 当我选择选项1时,下面的选择字段必须显示一些答案,而选项2则显示相同的内容。 我有一个临时解决方案,但是只有当我只有两个选项时,我才想知道该怎么做,我也想知道如何将选择文本字段传递给change事件旁边的类。对不起,我的英语不好!

HTML:

<div class="form-group">
    <select class="form-control" formControlName="nome_completo" (change)="teste($event)">
      <option value="op1">Option1</option>
      <option value="op2">Option2</option>
    </select>
  </div>
  <div class="form-group" *ngIf="gambi === 0; else op2">
    <select class="form-control" formControlName="nome_usuario">
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>
  </div>
  <ng-template #op2>
  <div class="form-group">
    <select class="form-control" formControlName="nome_usuario">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
    </select>
  </div>
  </ng-template>
  <div class="form-group">
    <input type="password" class="form-control" placeholder="Senha" formControlName="senha">
  </div>

TS课:

public gambi: number = 0
public teste(event: Event): void{
if(this.gambi == 1){
  this.gambi = 0;
} else {
  this.gambi = 1;
}

}

0 个答案:

没有答案