Angular中ngx-loading的[show]属性出现Subject<boolean>类型不匹配错误

问题原因 #

[show]属性要求接收boolean类型值，但你当前写法里async管道的位置错误，导致传入的是Subject<boolean>对象，触发类型不匹配错误。

修正代码 #

1. 组件变量声明保持不变：

public loading: Subject<boolean> = this.loaderService.isLoading;

2. 调整HTML中async管道的位置，将其包含在属性绑定的表达式内：

<ngx-loading [show]="loading | async"></ngx-loading>

说明 #

async管道会自动订阅Subject，将其发射的布尔值传递给[show]，同时在组件销毁时自动取消订阅，避免内存泄漏。

内容的提问来源于stack exchange，提问作者Vinícius Kock