ANGULAR5 Learning Notes-Integrated bootstrap, Jquery, tether (iii)

First, add the configuration

CNPM I bootstrap jquery tether--save

Add post Effect

Second, configure the Add style and JS reference

Open the. angular-cli.json file, and add the links in styles and scripts.

Note that the Added link is the directory that begins with the underscore

      "Styles": [        "Styles.css",        "... /node_modules/[email protected] @bootstrap/dist/css/bootstrap.min.css "      ],      " Scripts ": [         ".. /node_modules/[email protected] @jquery/dist/jquery.min.js ",        ".. /node_modules/[email protected] @tether/dist/js/tether.min.js ",        ".. /node_modules/[email protected] @bootstrap/dist/js/bootstrap.min.js "      ],

Third, modify the HTML test effect

Open the src/app/app.component.html file to modify the content to

<class= "container">  <H1> Hello World</H1></div>

Four, restart the service to see the effect of running

Text has a right offset

Reference:

Http://study.163.com/course/courseLearn.htm?courseId=1004486002#/learn/video?lessonId=1048905052&courseId= 1004486002

ANGULAR5 Learning Notes-Integrated bootstrap, Jquery, tether (iii)