primeng icon indicating copy to clipboard operation
primeng copied to clipboard

pTemplate not working for p-toolbar alone

Open krabouilleur opened this issue 9 months ago • 3 comments

Describe the bug

on a standalone component:

the ts

@Component({
  selector: 'app-menu',
  standalone: true,
  imports: [ToolbarModule, AsyncPipe],

....

<p-toolbar >
        <ng-template pTemplate="end">
            ------> !!!!!!!!!!!!!!! IS NOT SHOWING
        </ng-template>
    </p-toolbar>

but the content of ng-template is showing if I add a cardModule the ts

@Component({
  selector: 'app-menu',
  standalone: true,
  imports: [ToolbarModule, AsyncPipe, CardModule],

....

<p-toolbar >
        <ng-template pTemplate="end">
            ------> !!!!!!!!!!!!!!! IS WORKING
        </ng-template>
    </p-toolbar>

Environment

"primeng": "^17.16.1", "@angular/core": "^17.3.0",

Reproducer

No response

Angular version

17.3

PrimeNG version

17.16.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.9.0

Browser(s)

chrome

Steps to reproduce the behavior

No response

Expected behavior

No response

krabouilleur avatar May 17 '24 13:05 krabouilleur

@krabouilleur please create a sample app in stackblits to investigate this issue further.

maruthumj avatar May 18 '24 10:05 maruthumj

Hi @krabouilleur, please import SharedModule to use PrimeTemplate Directive.

import { ToolbarModule } from 'primeng/toolbar';
import { SharedModule } from 'primeng/api';

@Component({
  selector: 'app-menu',
  standalone: true,
  imports: [ToolbarModule, SharedModule],

Sinan997 avatar May 18 '24 17:05 Sinan997