如何修复角度的模板解析错误?

时间:2019-04-10 04:30:01

标签: angular

我已将此库用于离子项目:

错误:模板解析错误:

  

无法绑定到“ 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

1 个答案:

答案 0 :(得分:0)

相应模块中的

'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”传递)