Question

集成角度和自举3的标准方法是什么？

我可以直接添加js文件，方法是将它们包含在我项目的index.html文件中吗？

还有bootstrap 4稳定版尚未发布。所以我不想在我的项目中使用它。请提供您的意见。

Answer 1

是的，你可以。在src文件夹

中创建如下的文件夹结构

assets > boostrap

将bootstrap.min.css和bootstrap.min.js放在该文件夹中。

然后在index.html中，您可以按照以下方式在<head></head>内添加它们：

<head>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"> 
    <script src="assets/js/bootstrap.min.js"></script>
</head>

如果您决定使用CDN，则无需创建任何文件夹，只需将链接放在<head></head>

中

<head>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>

Answer 2

如果您使用的是angular-cli，则有一个npm包用于bootstrap，然后只需在.angular-cli.json和scripts部分的styles中添加相应的css和js文件。
查看https://www.npmjs.com/package/angular-cli#global-library-installation

Answer 3

在.angular-cli.json内你有两个数组：styles和scripts。您可以在那里添加静态文件（无需在index.html中执行此操作。）

像这样：

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

Angular 2 + Bootstrap 3

3 个答案: