javascript - 在Angular中的表单上选择标签

Question

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

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;
}

}

标签： javascriptangular