如何修復角度中的模板解析錯誤？

Question

我在我的 ionic 項目中使用了這個庫：

錯誤：模板解析錯誤：

無法綁定到“topOrg”，因為它不是“ng2-org-chart”的已知屬性。

1. 如果'ng2-org-chart'是一個 Angular 組件並且它有'topOrg'輸入，那么驗證它是否是這個模塊的一部分。
2. 如果'ng2-org-chart'是一個 Web 組件，則將'CUSTOM_ELEMENTS_SCHEMA'添加到該組件的'@NgModule.schemas'以抑制此消息。
3. 要允許任何屬性添加'NO_ERRORS_SCHEMA'到該組件的'@NgModule.schemas' 。

<ion-content padding>

  <ng2-org-chart [ERROR ->][topOrg]="topOrg"></ng2-org-chart>

</ion-content>

來自ng:///AppModule/LineagePage.html@28:17

'ng2-org-chart'不是已知元素：

1. 如果'ng2-org-chart'是一個 Angular 組件，那么驗證它是否是這個模塊的一部分。
2. 如果'ng2-org-chart'是一個 Web 組件，則將'CUSTOM_ELEMENTS_SCHEMA'添加到該組件的'@NgModule.schemas'以抑制此消息。

<ion-content padding>

  [ERROR ->]<ng2-org-chart [topOrg]="topOrg"></ng2-org-chart>

</ion-content>

來自ng:///AppModule/LineagePage.html@28:2

Answer 1

'import { OrgChartModule } from 'ng2-org-chart'; 相應模塊中的語句應該修復它並將 [topOrg] 更改為 [topEmployee] 然后驗證。 更新的 stackbitz - https://stackblitz.com/edit/angular-g6ypks?file=src/app/app.component.html （如果您嘗試將 topEmployee 更改為 toOrg，其中輸入正在傳遞，則它不起作用，因為您正在使用一些現有的 npm 包，其中輸入作為“topEmployee”傳遞）