Question

我不知道如何用角度来写我的病情，也找不到一个等同的例子。

我如何聆听我的材料选择？

我如何编写ngIf条件？

{{referreferentielToDisplay.speSS}}的值等于我的toppingList之一，我想写：

如果ReferentielToDisplay。 speSS等于在物料选择中选择的项目，因此：显示此卡

*ngIf="referentielToDisplay.speSS === topping"

Component.html

<mat-form-field style="width:100%" appearance="outline">
  <mat-label>Sélectionner une spécialité</mat-label>
  <mat-select placeholder="Toppings" [formControl]="toppings" multiple="true" >
    <mat-option *ngFor="let topping of toppingList" [value]="topping" >{{topping}}</mat-option>
  </mat-select>
</mat-form-field>

<div  *ngFor="let referentielToDisplay  of referentielsToDisplay | async" >
<mat-card *ngIf="referentielToDisplay.speSS === topping">
{{referentielToDisplay.nomSS}}
</mat-card>
</div>

Component.ts

toppings = new FormControl( );
toppingList: string[] = ['Multi-spécialité','Hématologie', 'Neurologie', 'Urologie', 'Digestif', 'Endocrinologie',  'Pneumologie', 'ORL','Dermatologie', 'Sein-Gynecologie'];

Answer 1

您可以尝试indexOf条件：

<mat-card *ngIf="toppingList.indexOf(referentielToDisplay.speSS) > -1">
  {{referentielToDisplay.nomSS}}
</mat-card>

或

<mat-card *ngIf="toppingList.includes(referentielToDisplay.speSS)">
  {{referentielToDisplay.nomSS}}
</mat-card>

Ìt检查列表是否包含您的值referentielToDisplay.speSS

Answer 2

*ngIf="toppings.value.includes(referentielToDisplay.speSS)"

这不是总的解决方案，而是这样！

角度简单指令ngIf

2 个答案: