Angular4 ng如果未捕获错误:模板解析错误

时间:2018-02-12 21:17:03

标签: angular firebase firebase-realtime-database angular-ng-if

我需要以下if语句的帮助。 如果c.name ='Pipe Systems',则应执行ng-template #PS。 如果c.name =“浴室和排水”,则应执行ng-template #BD。

我继续获得“未捕获的错误:模板解析错误:”。无论我尝试什么,我只是无法让简单的逻辑工作,我是新的角度,我只是无法绕过这个问题,如果有人可以请帮助我正确构建我的ngIf简单过滤正确的子选择主类别选项时的-category选项。以下是我最近的失败尝试。

<div class="form-group">
      <label for="category">Category</label>
      <select id="category" class="form-control">
        <option value=""></option>
        <option *ngFor="let c of categories$ | async" [value]="c.key">
          {{ c.name }}
        </option>
      </select>
    </div>
    <div class="form-group">
      <label for="subcategory">Sub-Category</label>
      <select id="subcategory" class="form-control">
        <option value=""></option>
        <div *ngIf="c.name = 'Pipe systems'; then PS>
          <ng-template #BD>
            <option *ngFor="let s of subcategoriesBD$ | async" [value]="s.key">
              {{ s.name }}
            </option>
          </ng-template>
          <ng-template #PS>
            <option *ngFor="let s of subcategoriesPS$ | async" [value]="s.key">
              {{ s.name }}
            </option>
          </ng-template>
        </div>
      </select>
    </div>

Firebase上的数据库如下:

enter image description here

1 个答案:

答案 0 :(得分:1)

可能是因为= ?,请尝试:

<div *ngIf="c.name === 'Pipe systems'; then PS">