javascript - 如何使用带有角度 cli 的引导网格？

Question

我做了：

npm install ng2-bootstrap --save

然后打开 angular-cli-build.js 并添加了这一行

vendorNpmFiles: [
       ..................
       'ng2-bootstrap/**/*.js',
        ....................
      ]

写在 src/system-config.ts

const map:any ={
         ..................
       'ng2-bootstrap': 'vendor/ng2-bootstrap',
        ....................

    }

和

 const packages: any = {
      'ng2-bootstrap': {
        format: 'cjs',
        defaultExtension: 'js',
        main: 'ng2-bootstrap.js'

      }

    };

但是没有来自cdn的链接

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

我不能使用样式引导程序。我可以用它做点什么吗？

Answer 1

ng2-bootstrap 模块是 Angular 2 组件和指令的捆绑包，它取代了默认的引导 javascript。这意味着您不需要在 Angular 2 应用程序中包含引导 javascript 和 jQuery。

该模块不包括引导 css。您仍然需要以某种方式包含它，最简单的解决方案是在您的应用程序中添加 cdn。ng2-bootstrap 将与默认的引导 css 完美配合。

要包含引导 css，您需要将以下行添加到 src/index.html：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">