angular2中使用bootstrap样式

1、首先在package.json文件中加入："bootstrap": "^4.1.3",如下图所示：

2、然后重新使用npm install安装，如下图所示：

3、此时在node_modules目录中就有一个bootstrap目录，如下图所示：

4、然后在angular.json中添加

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css"
]

如下图所示：

如果是加js文件，则只需要添加：

"scripts": [
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.min.js"
]

如下图所示：

5、然后在html中的button按钮通过class直接使用即可，如下代码所示：

Hello {{name}}!

    Here`s a list of the things you need to do:


    
索引：{{idx}},内容：{{todo}},是否是第一个：{{isFirst}},是否是最后一个：{{isLast}},是否是偶数：{{isEven}},是否是奇数：{{isOdd}}

click

6、最后运行结果为：