Невозможно связать с 'ngIf', так как это не известное свойство 'gridster-item'

Question

Я знаю, что на что-то подобное отвечали много раз. Но я думаю, что мой случай другой. Я использую проект и библиотеку. Компонент находится в библиотеке. Я реализую компонент библиотеки в проекте следующим образом:

 <div fxLayout="column" fxFill>
    <lib-component></lib-component>
</div>

Сам компонент имеет что-то вроде этого:

 <div *ngIf="!expandedMode"></div>

Но если я изменю реализацию компонента на это:

<div fxLayout="column" fxFill>
    <div *ngIf="true">Content to render when condition is true.</div>
</div>

Тогда у меня нет проблем. Это говорит мне о том, что библиотека не загружается.

Итак, я предполагаю, что мой вопрос на самом деле о том, как загрузить или, возможно, предварительно загрузить библиотеки?

Я также лениво загружаю модуль, который использует компонент библиотеки .

Надеюсь, что ясно, спасибо.

Answer 1

Если вы используете ленивый компонент и хотите использовать импорт (например, CommonModule), вам нужно создать NgModule с целевым компонентом в объявлениях в том же файле, что и ваш компонент

в lazy.component.ts

@Component({ ... }) 
export class LazyComponent 

@NgModule({ 
  declarations: [LazyComponent],
  imports: [ModuleYouNeedToImport]
}) 
export class SomeModule {}   

в other.component.ts

import('./lazy.component.ts').then(({ LazyComponent }) => LazyComponent)