初学angular的时候安装的是angular6版本，然后由于资料缺乏，学长说2，3，4，5，6这几个版本基本没什么区别，就直接拿angular6跟着学了，在引入Bootstrap4的时候一直用不了
这个按钮的效果一直实现不了，后面问了下学长才知道自己的
"node_modules/bootstrap/dist/css/bootstrap.css"和"node_modules/bootstrap/dist/js/bootstrap.js"这两个的位置我放在test测试那里面的"styles和"scripts"里面了，难怪一直引用没用，跟着学的视频这个文件是angular-cli.json和angular6的angular.json文件结构有很多不同，导致自己很容易放错位置，所以一直用不了
在解决这个问题的过程中自己也找到了另外 一种解决办法：
直接在主模块中加入这行代码
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">有html+css基础的人应该不难理解这行代码。