Question

我需要根据选择显示一个div，但是它不起作用。

有人知道怎么做吗？

<div class ="row">
  <div class="form-group col-md-6">
    <label for="make" class="control-label">Actualizar por:</label>
    <select [(ngModel)]= "optionUpdate" class="form-control" formControlName="optionUpdate">
        <option [value]="make">Marca </option>
        <option [value]="category"> Rubro </option>
    </select>
  </div>
  {{optionUpdate}}
</div>
<div class="row" >
    <div *ngIf = "optionUpdate === 'Marca'" class="form-group col-md-6">
    </div>
        </div>
<div class="row" >
    <div *ngIf = "optionUpdate === 'Rubro'" class="form-group col-md-6" >
    </div>
</div>

谢谢

Answer 1

在您的select中，您可以使用以下选项：

<option [value]="'make'">Marca </option>
<option [value]="'category'"> Rubro </option>

应用于ngModel的可能值为“ make”和“ category”； “ Marca”和“ Rubro”只是选择组件的视觉部分。

因此您的条件应该是：

*ngIf="optionUpdate === 'make'"
*ngIf="optionUpdate === 'category'"

注意：您还忘记了单引号，您是数据绑定文本，而不是变量。 [value]="'make'"

根据选项值显示元素

1 个答案: