显示<mat-form-field>依赖于

Question

我想展示一个(另一个)对另一个的依赖。我尝试设置*ngIf来检查第一个字段中的是否为‘'，但它不起作用。什么才是正确的相信它的方式？

    <mat-form-field>
    <mat-select placeholder="Manufacterer" [(ngModel)]="manufactererValue" name="manufacterer">
      <mat-option> </mat-option>
      <mat-option *ngFor="let server of servers" [value]="server.manufacterer">
        {{server.manufacterer}}
      </mat-option>
    </mat-select>
    </mat-form-field>
    </tr>
    <tr>
    <mat-form-field *ngIf="manufactererValue != ' '">
    <mat-select placeholder="Model" [(ngModel)]="modelValue" name="model">
      <mat-option *ngFor="let server of servers" [value]="server.manufacterer">
        {{server.model}}
      </mat-option>
    </mat-select>
    </mat-form-field>

Answer 1

您不必显式使用像manufactererValue == '‘或manufactererValue != '’这样的限定符。与JavaScript中一样，空字符串将被计算为false。

试一试

<mat-form-field *ngIf="!manufactererValue">