Popover Custom Template not working

Topic: Popover Custom Template not working

noveltytech priority asked 3 years ago

Expected behavior**Use custom template *_Actual behavior_*custom template not working**Resources (screenshots, code snippets etc.)

    <button
  type="button"
  class="btn btn-lg btn-danger"
  [mdbPopover]="template"
  mdbPopoverHeader="Popover title"
>
  Click to toggle popover
</button>

<ng-template #template>Popover template</ng-template>

enter image description here

Arkadiusz Idzikowski staff commented 3 years ago

@noveltytech Could you please edit your post and provide an example code you tried to use?

Add comment

Arkadiusz Idzikowski staff answered 3 years ago

0 0 Best answer

Please insert min. 20 characters.

@noveltytech It looks like there is a problem with the type of the mdbPopover input. We will take a closer look at that, please try to use this syntax for now:

<button
  type="button"
  class="btn btn-lg btn-danger"
  [mdbPopover]="$any(template)"
  mdbPopoverHeader="Popover title"
>
  Click to toggle popover
</button>

<ng-template #template>Popover template</ng-template>

noveltytech priority commented 3 years ago

Thanks @Arkadiusz Idzikowski

Arkadiusz Idzikowski staff commented 2 years ago

@noveltytech This problem was fixed in v1.6.0.

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

ForumUser: Priority
Premium support: Yes
Technology: MDB Angular
MDB Version: MDB5 1.0.0
Device: mac
Browser: firefox
OS: big sur
Provided sample code: No
Provided link: No

noveltytech

149Support score
30Questions 4Answers 4Snippets