TypeScript 错误 - 此条件将始终返回 'false'，因为类型 'boolean' 和 'string' 没有重叠

Question

我在ng-container 中添加ngIf 条件，如果条件满足则display the component

我面临的问题是我收到错误

 This condition will always return 'false' since the types 'boolean' and 'string' have no overlap.

当我将条件设置为（当我使用not operator after &&）时

<ng-container *ngIf="data.dataClass === 'Dokes'
       && !data.dataSubclass === 'Land'"> ------------------>   NOT OPERATOR

但是当我删除 && !data.dataSubclass === 'Land' 中的! 运算符时，代码可以正常工作

我不知道为什么它给了我这个错误。我想将! 运算符添加为I want to display component when data.dataSubclass is not equal to 'Land'

.html 文件

  <div>
      <ng-container *ngIf="data.dataClass === 'Dokes' 
       && !data.dataSubclass === 'Land'">-----------------------------> ERRORRR

!----- BELOW IS THE COMPONENT TO DISPLAY IF ABOVE CONDITION IS TRUE---------!
          <money-property name="Pika" [model]="data.pika"
                    [editMode]="!!dataEditService.editMode">
      <dl>
        <dd *ngFor="let d of data.pika; index as i">
          <edit-link dataClass="Dokes" 
                     [(selectedElement)]="data.pika[i]" [editMode]="!!dataEditService.editMode"></edit-link>
        </dd>
        
      </dl>
    </money-property>
  </ng-container>
  </div>

Answer 1

添加! 会抛出您尝试实现的逻辑，因为它会否定它右侧的值。这个：

&& !data.dataSubclass === 'Land'

等价于

&& (!data.dataSubclass) === 'Land'

这当然没有意义 - 布尔值永远无法与 'Land' 进行比较。你需要：

&& !(data.dataSubclass === 'Land')

但更清晰的方法是：

&& data.dataSubclass !== 'Land'