Putting HTML directly in `component` property of a modal/popover

@manu_ionic wrote:

When creating a popover (/modal/etc.), I’d like to do something like:

const popover = await this.popoverCtrl.create({
      component: `<ion-item lines="none" detail="false" button (click)="dismissPopover()">
      This is a tooltip
    </ion-item>`,
      showBackdrop: false
});

which doesn’t work.

Is there a way to do it without creating a page?

Defining a custom element raises an error “this name has already been used with this regsitry”, whatever the element name.

I’ve checked the doc about the component property, which doesn’t tell me much on what input type it can accept:
Function | HTMLElement | null | string

What a Function could be?

Posts: 1

Participants: 1

Read full topic