Using pure intro.js in Angular 5 [Note]

Angular5-IntroJs.html

# 1 . npm install intro.js --save


# 2. @import '~intro.js/minified/introjs.min.css'; to styles.scss


# 3. add to the componenet which you want to show
 //add declaration to the top
 const IntroJs = require('/pathTo/node_modules/intro.js');
 
 
 // add a click function to the component
 startTour() {
    console.log('Starting tour');

    const intro = IntroJs.introJs();
    // Start tutorial
    intro.start();

  }
  
# 4. implement tag to html 
<h1 data-intro='Hello step one!' (click)="startTour()" >This is the first one step!</h1>