考虑一下独立的表达式：

(this.frType!="Child" || this.frType!="Infant")

如果frType为Child，则第二部分为真，因此表达式的计算结果为true。如果frType为Infant，则第一部分为真，因此表达式的计算结果为true。如果frType既不是*Child，也不是Infant，则第一部分将为真，并且表达式将再次求值为true-逻辑有故障，它将始终解析为true。

(如果您为Grandchild和Cousin添加额外的||条件，同样的事情会继续发生-它将始终解析为true)

或者使用&&：

|| (age<=5 && (
   this.frType!="Child" 
   && this.frType!="Infant" 
   && this.frType!="Grandchild"
   && this.frType!="Cousin"
 ))

或者，为了使逻辑更容易理解，您可以考虑使用数组，并使用.includes：

const kidsFiveAndUnder = ['Child', 'Infant', 'Grandchild', 'Cousin'];
// ...
|| (age <= 5 && !kidsFiveAndUnder.includes(this.frType))

• 也许我可以在这方面帮助某人*

在我的案例中，该错误是由以下因素触发的：

*ngIf="fooArray.length === 0"

因此我将其修改为：

*ngIf="fooArray.length < 1"

对我来说没什么意义，但很管用。

显式定义所有变量的数据类型。

例如，此代码具有线程标题中提到的相同错误，我通过显式定义变量的数据类型修复了该错误。

出发地：

const selectedLangCulture = "en"; // or "ar-SA"
const direction = "rtl";
const languageChanged =
  (direction === "rtl" && selectedLangCulture === "en") ||
  (direction === "ltr" && selectedLangCulture === "ar-SA");

致：

const selectedLangCulture: string = "en"; // Put the datatype string.
const direction: string = "rtl"; // Put the datatype string.
const languageChanged =
  (direction === "rtl" && selectedLangCulture === "en") ||
  (direction === "ltr" && selectedLangCulture === "ar-SA");

最近，我在这个问题上苦苦挣扎。在这里分享我的经验

基本上，IDE不允许将object.enum与字符串进行比较。作为解决方案，在Component.ts中添加一个方法来比较枚举

详细信息：

export enum Status {
     NEW,
     PROGRESS,
     FINISHED
}

export interface Model {
   id : number;
   name : string;
   status : Status
}

现在，在Component.html中，我尝试比较模型状态

<div *ngFor="let m of modelItems" >
      <i *ngIf="m.status === 'NEW'" class="icon-new"></i>
</div>

Error : This condition will always return 'false' since the types 'Status' and 'string' have no overlap.ngtsc(2367)

我还尝试在Component.ts中定义状态枚举，并将其用于比较

public StatusEnum = Status; 

<div *ngFor="let m of modelItems" >
      <i *ngIf="StatusEnum[m.status] === 'NEW'" 
        class="icon-new"></i>
</div>

使用上面的解决方案，不会出现IDE错误，但条件永远不为真，因为enum[Value]给出了一个数值。

我尝试的下一个选项如下

<div *ngFor="let m of modelItems" >
      <i *ngIf="m.status=== StatusEnum[StatusEnum.NEW]" class="icon-new"></i>
    </div>

但最终在IDE中再次出现错误

Error : This condition will always return 'false' since the types 'Status' and 'string' have no overlap.ngtsc(2367)

最后是什么解决了这个问题？它在组件中实现了一个方法。

解决方案

Component.ts

public StatusEnum = Status; //To refer in the HTML

 checkStatus(m: Model, status: Status): boolean {
    return Status[m.status] as unknown === status;
  }

注：状态[m.status]为未知

超文本标记语言

<div *ngFor="let m of modelItems" >
       <i *ngIf="checkStatus(m,StatusEnum.NEW)" 
       class="icon-new"></i>
  </div>

在我的例子中，我只需要重新构建我的应用程序，因为类型定义短暂地不同步。

在我的例子中，我使用了名为type的类型作为按钮元素的React.ComponentPropsWithRef<'button'>

type ButtonProps = {
  type?: 'submit' | 'button' | 'link'; // ❌
} & React.ComponentPropsWithRef<'button'>;

type被覆盖，因为React.ComponentPropsWithRef<'button'>中也有type。我用elementType替换了它，问题就解决了。

type ButtonProps = {
  elementType?: 'submit' | 'button' | 'link'; // ✅
} & React.ComponentPropsWithRef<'button'>;