как исправить ошибку синтаксического анализа шаблона в angular?

#angular

#angular

Вопрос:

Я использовал эту библиотеку для своего ионного проекта:

Ошибка: ошибки синтаксического анализа шаблона:

Не удается выполнить привязку к ‘topOrg’, поскольку это неизвестное свойство ‘ng2-org-chart’.

  1. Если 'ng2-org-chart' это угловой компонент и у него есть 'topOrg' входные данные, то убедитесь, что он является частью этого модуля.
  2. Если 'ng2-org-chart' это веб-компонент, добавьте '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' это угловой компонент, то убедитесь, что он является частью этого модуля.
  2. Если 'ng2-org-chart' это веб-компонент, добавьте '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:

'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’)

Комментарии:

1. кто-нибудь может помочь мне в организационной структуре в ионном проекте. Или предложить альтернативу для этого ng2-org-chart