Question

这是我的问题，

我想显示一个div，具体取决于ngfor循环中的select发生的情况。我想用几行代码会更容易理解

<tr>
    <td>
         {{ car.price }}
    </td>
    <td>
        <select name="brands" placeholder="select">
            <option [value]="null">Select</option>
            <option *ngFor="let brand of brands"
            (click)="onSelect(brand,car);" [value]="brand.id"> 
                                    {{ brand.name }}
                                </option>
        </select>
    </td>
    <td>
      <div *ngIf="if brand is not selected"></div>
    </td>
</tr>

我尝试创建一个布尔数组并编写* ngif =“ display [i]”，但是没有用。最好的解决方案是什么？

Answer 1

为选择项分配ngModel。

<select name="brands" placeholder="select" [(ngModel)]="selectedBrand">
(...)
<div *ngIf="!selectedBrand"></div>

（并在组件内部声明selectedBrand属性。类似public selectedBrand: string;。）

角度：根据ngFor内部的Select显示div

1 个答案: