[Tooltip] How to pass data dynamically to [mtxTooltip] directive ?

[AlonsoK28]

Its possible to pass data dynamically inside of mtxTooltip directive to use it into template?

• example

  
  <div *ngFor="let result of searchResults">
  <button mat-raised-button 
  // how to pass custom data inside #tooltipTpl here ?
  [mtxTooltip]="tooltipTpl:result.image">
  Action
  </button>
  </div>

<ng-template #tooltipTpl> // how to get here the data arguments ?

[nzbin]

You can try the following way:

<div *ngFor="let result of searchResults">
  <button mat-raised-button [mtxTooltip]="tooltipTpl">Action</button>
  <ng-template #tooltipTpl>
    <img src="result.image">
  </ng-template>
</div>

[AlonsoK28]

amazing

[nzbin]

I think the popover is better than tooltip if you want to show the image.

[AlonsoK28]

I think the popover is better than tooltip if you want to show the image.

Looks amazin 😎

[AlonsoK28]

I get the following error when update to @ng-matero/extensions@14.6.3

ERROR NullInjectorError: R3InjectorError(DashboardModule)[InjectionToken mtx-popover-scroll-strategy -> InjectionToken mtx-popover-scroll-strategy -> InjectionToken mtx-popover-scroll-strategy -> InjectionToken mtx-popover-scroll-strategy]: 
  NullInjectorError: No provider for InjectionToken mtx-popover-scroll-strategy!

I import only MtxPopoverModule into my module, I need some more?

[nzbin]

Which angular version do you use?

[AlonsoK28]

Which angular version do you use?

Lastest Angular 14 https://www.npmjs.com/package/@angular/core/v/14.2.12

"@angular/animations": "^14.2.12", "@angular/cdk": "^14.2.3", "@angular/common": "^14.2.12", "@angular/compiler": "^14.2.12", "@angular/core": "^14.2.12", "@angular/fire": "^7.4.1", "@angular/flex-layout": "^14.0.0-beta.41", "@angular/forms": "^14.2.12", "@angular/material": "^14.2.3", "@angular/platform-browser": "^14.2.12", "@angular/platform-browser-dynamic": "^14.2.12", "@angular/router": "^14.2.12", "@angular/service-worker": "^14.2.12",

[nzbin]

I created an online example for v14 and I don't find any issues. https://stackblitz.com/edit/angular-ivy-2kqseo?file=src%2Fapp%2Fapp.component.ts

[AlonsoK28]

its working very well