Angular 拋出錯誤：無法綁定到“ngIf”，因為它不是“ng-container”的已知屬性

Question

我正在從 Angular 7 到 11 進行項目遷移，並且一個特定的模塊呈現此錯誤：

Can't bind to "ngIf" since it isn't a known property of "ng-container"

我為模塊導入了CommonModule ，之前的模塊與 Angular 7 一起使用。

要加載我使用路由的組件，它似乎工作正常，因為 ngOnInit 基於 router :id執行 API 調用。

有什么想法嗎？

UPD 我沒有指定導致錯誤的組件已加載，因為我在父模塊中直接路由{path: 'some-path', component: SomeComponent} 。 我將其更改為延遲加載方法，現在可以使用。 不知道是什么導致了錯誤以及為什么它在第 7 版中起作用。

Answer 1

您應該使用*ngIf="condition"而不是ng-If="condition"

導入CommonModule 后，工作解決方案應如下所示：

<ng-container *ngIf="condtition">TEST</ng-container>

請確保BrowserModule和BrowserAnimationsModule只導入一次（通常在appModule中）。 所有其他模塊應導入CommonModule 。

Answer 2

確保您導入了公共模塊

import { CommonModule } from '@angular/common';

@NgModule({
    imports: [
        CommonModule
    ]
})

在 angular 中，您需要使用*ngIf而不是ng-if （它適用於 angularjs）

Answer 3

我相信你寫錯了。應該是 * ngIf而不是 ng-if