Primeng Ripple эффект не работает в угловой ⇐ Html

[Anonymous]

У меня проблемы с тем, чтобы получить волновой эффект, чтобы работать в моем угловом приложении с помощью Primeng. Несмотря на следование документации и различным учебным пособиям, эффект волны, похоже, не активируется на моих компонентах p-button . Вот что я сделал до сих пор: < /p>
среда < /h3>

Агулярная версия: 17 < /p>
< /li>
primeng version: 17+< /p>
< /li>
< /ul>
Primengmodule для настройки primeng:

Код: Выделить всё

import { NgModule, APP_INITIALIZER } from '@angular/core';
import { ButtonModule } from 'primeng/button';
import { RippleModule } from 'primeng/ripple';
import { PrimeNGConfig } from 'primeng/api';

const initializeAppFactory = (primeConfig: PrimeNGConfig) => () => {
primeConfig.ripple = true;
};

@NgModule({
declarations: [],
providers: [
{
provide: APP_INITIALIZER,
useFactory: initializeAppFactory,
deps: [PrimeNGConfig],
multi: true,
},
],
imports: [ButtonModule, RippleModule],
exports: [ButtonModule, RippleModule],
})
export class PrimengModule {}

импортированный primengmodule в моем logincomponent.ts

Код: Выделить всё

import { Component } from '@angular/core';
import { PrimengModule } from '../../../../shared/modules/primeng/primeng.module';

@Component({
selector: 'app-learner-login',
standalone: true,
imports: [PrimengModule],
templateUrl: './learner-login.component.html',
styleUrl: './learner-login.component.scss'
})
export class LearnerLoginComponent {

}

Это мой logincomponent.html Использование директивы PRIPPLE

Код: Выделить всё

  pRipple
label="Submit"
icon="pi pi-check"
iconPos="right"
size="small"
>

Добавлен Primeng и Primeicons CSS в styles.scss :
@import "primeng/resources/themes/lara-light-blue/theme.css";
@import "primeng/resources/primeng.css";
@import "primeicons/primeicons.css";

@layer tailwind-base, primeng, tailwind-utilities;

@layer tailwind-utilities {
@tailwind components;
@tailwind utilities;
}
< /code>
Несмотря на эти конфигурации, эффект пульсации не виден, когда я нажимаю на кнопку. В консоли нет ошибок, и кнопка правильно отображается с другими стилями Primeng и функциями, работающими, как и ожидалось. Ошибки. Как я могу заставить эффект волновой работы работать с Primeng в моем угловом применении?

Подробнее здесь: https://stackoverflow.com/questions/787 ... in-angular