nthompson777 / ngx-foundation

The best way to quickly integrate Zurb Foundation for Sites 6 components with Angular 6 or 7.
http://ngxfoundation.com
MIT License
12 stars 3 forks source link

Tooltip Module and Angular 8 #7

Closed Rui90 closed 5 years ago

Rui90 commented 5 years ago

Hello

I'm using Angular 8 and I followed your tutorial. My application is already using foundation, but I wanted to use the tooltips.

So I've installed via npm install ngx-foundation foundation-sites --save

I've added the TooltipModule.forRoot() to my app.module.ts

And I made those two imports:

// Import Foundation for Sites
// See https://foundation.zurb.com/sites/docs/sass.html for detailed info.
@import '~foundation-sites/scss/foundation';
  @include foundation-everything;

// Import Angular ngx-foundation Framework Added Styles
@import "~ngx-foundation/assets/scss/main";

Then I've finally created a simple button like in your example:

<button type="button" class="button primary"
  tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Simple demo
</button>

But the result was basically nothing:


<button _ngcontent-wmt-c4="" class="button primary" tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." type="button"> Simple demo
</button>

The tooltip is not rendered. Any idea why?