Módulos no Angular

Fala ai Matias, tudo bem? Você importou os arquivos .js e .css no angular.json dentro da parte de scripts e styles?

Outro ponto, você precisa importar o módulo do NgPrime em todo módulo que fará utilização de algum componente do mesmo.

Espero ter ajudado.

Tudo bem, Matheus! importei .js, css no .json certinho.

"importar o módulo do NgPrime em todo módulo que fará utilização de algum componente do mesmo."

Isso que não entendi muito bem, se eu usar o componente no módulo, tenho que importar e exportar o componente do PrimeNG?

Eu resolvi com o código abaixo:

@NgModule({
  imports: [
    DataViewModule,
    ButtonModule,
    PanelModule,
    DialogModule,
    DropdownModule,
    InputTextModule,
    HttpClientModule,
    FormsModule
   ],
  declarations: [PhotosComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  exports: [
     DataViewModule,
    ButtonModule,
    PanelModule,
    DialogModule,
    DropdownModule,
    InputTextModule,
    HttpClientModule,
    FormsModule
  ]
})

e no appModule, o principal, tem que importar também?

Fala ai Matias, o que eu quis dizer foi que o módulo onde você utiliza algum componente ou recurso da NgPrime você precisa importar o módulo dela dentro desse módulo.

Vamos supor que temos um módulo chamado A e outro B, dentro do módulo A o componente A utiliza o calendário da Prime, sendo assim, no módulo A a gente iria precisar importar o:

import {CalendarModule} from 'primeng/calendar';

Agora imagine que no módulo B temos um componente B que utiliza o Slider, então no módulo B teríamos que importar o módulo:

import {SliderModule} from 'primeng/slider';

Espero ter ajudado.

Seguindo seu raciocínio, se um módulo C precisar de:

import {CalendarModule} from 'primeng/calendar';

O móduo de C deve exportar o CalendarModule também:

 exports: [CalendarModule ]

Eu estava entendendo que; quando eu importar no módulo principal que carrega a aplicação, ex: app.module.ts, não precisava exportar em cada componente.

No código que fiz e que surgiu esse problema, se não exportar CalendarModule em cada módulo (A, C) não funciona independente de ter importado e exportado no app.module.ts

Fala Matias, os módulos não precisam exportar (exports) apenas importar (imports).

Eu estava entendendo que; quando eu importar no módulo principal que carrega a aplicação, ex: app.module.ts, não precisava exportar em cada componente.

Depende, caso você esteja declarando o componente no mesmo módulo que importou a sua dependência, ai não é necessário importar em lugar nenhum.

Mas, pensando em uma aplicação modularizada, ou seja, divida em vários módulos, ai sim é necessário importar a dependência em cada módulo.

O que você pode fazer é criar um SharedModule e importá-lo em vários lugares para compartilhar as dependências.

Espero ter ajudado.