primeng icon indicating copy to clipboard operation
primeng copied to clipboard

pTemplate not working for p-toolbar alone

Open lashermes opened this issue 1 year 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

lashermes avatar May 17 '24 13:05 lashermes

@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 be able 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

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

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

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

@Sinan997 you are right here. @krabouilleur you should import the SharedModule. I have created a PR and added a line in Imports to be clear.

image

SoyDiego avatar May 20 '24 10:05 SoyDiego

There is the same issue for the p-menu component. Should a new issue be created? Because the document does not mention the import of SharedModule neither.

alaindeurveilher avatar Jun 03 '24 20:06 alaindeurveilher