run npm i primeng primeicons @primeng/themes
my app.config.ts файл выглядит так: < /p>
Код: Выделить всё
import { ApplicationConfig, provideZoneChangeDetection, isDevMode } from '@angular/core';
import { provideRouter } from '@angular/router';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
import { providePrimeNG } from 'primeng/config';
import Aura from '@primeng/themes/aura';
import { routes } from './app.routes';
import { provideServiceWorker } from '@angular/service-worker';
export const appConfig: ApplicationConfig = {
providers: [
provideAnimationsAsync(),
providePrimeNG({
theme: {
preset: Aura
}
}),
provideZoneChangeDetection({ eventCoalescing: true }),
provideRouter(routes),
provideServiceWorker('ngsw-worker.js', {
enabled: !isDevMode(),
registrationStrategy: 'registerWhenStable:30000'
})
]
};
import { Component, OnInit } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { PrimeNG } from 'primeng/config';
@Component({
selector: 'app-root',
imports: [RouterOutlet],
templateUrl: './app.component.html',
styleUrl: './app.component.css'
})
export class AppComponent implements OnInit {
constructor(private primeng: PrimeNG) { }
ngOnInit() {
this.primeng.ripple.set(true);
}
}
< /code>
Я импортирую нужный мне модуль от Primeng в моем компоненте, и я помещаю HTML -код, я получаю ввод, но без стилей CSS, что может произойти? < /p>
Скриншот ввода и тестовой кнопки без стилей:
< /p>
Подробнее здесь: https://stackoverflow.com/questions/794 ... angular-19
Мобильная версия