bootstrap-notify icon indicating copy to clipboard operation
bootstrap-notify copied to clipboard

Angular >2 and angular CLI support

Open ltlombardi opened this issue 7 years ago • 4 comments

I decided to put this here, because it would help other developers even if the repo owner doesn't get around to integrating this in the repo documentation.

Your project has to have jquery and bootstrap already installed and working. After that follow this:

  1. in project root, on cmd line, run: npm install bootstrap-notify --save
  2. npm install @types/bootstrap-notify --save
  3. In the file where you want to use it write import * as $ from ‘jquery’; and import 'bootstrap-notify';

You don't need to add the library in angular-cli.json, or index.html.

ltlombardi avatar Jan 24 '18 13:01 ltlombardi

@ltlombardi Thanks a lot for this. Finally got it working. But the layout seems to be different and there is no animation. Any idea how to fix it?

srihari1988 avatar Feb 06 '18 20:02 srihari1988

By the documentation you need to add a third party animation file called Animate.css http://bootstrap-notify.remabledesigns.com/#documentation You need to load this in Angular, just like you did with the Bootstrap css via de angular-cli.json The layout issues I don't know.

ltlombardi avatar Feb 07 '18 16:02 ltlombardi

Thanks again. It works as expected after adding the animation.css stylesheet

srihari1988 avatar Feb 08 '18 00:02 srihari1988

Awesome, I will work on adding this to the documentation.

Thanks for helping out while I took a year-long break looking into other career options

mouse0270 avatar Aug 06 '18 16:08 mouse0270