Angular2错误：$modal.modal不是函数

Question

我得到了一个错误：这个$情态动词模态不是一个函数

我通过gulp文件从wwwroot文件夹中的Node_模块获得了ng2-bs3-modal。

我的文件夹结构是：

 - wwwroot
  - angularlibs
     - angular
     - bootstrap
     - core-js
     - rxjs
     - zone.js
  - ng2-bs3-modal
  - appScripts (js generated from typescripts)
 - Scripts (typescripts)
 - typings
 - gulpfile
 - package.json
 - project.json
 - .....

如果我将ng2-bs3-modal移动到脚本（typescript）文件夹，它将提供jasmin区域。js错误。在上面的结构中，我得到了“this.$modal.modal不是函数”错误，因为ng2-bs3-modal中的所有类型脚本都找不到@angular/core。

索引html中的脚本标记按以下顺序排列：

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

 <link rel="stylesheet" ref="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>

我尝试通过以下几个选项来解决问题：https://github.com/dougludlow/ng2-bs3-modal/issues/52 https://github.com/dougludlow/ng2-bs3-modal/issues/34

但是没有运气。我是安格拉尔的新手。如能迅速提供帮助，将不胜感激。

Answer 1

您应该包括以下内容：

<script src="node_modules/ng2-bs3-modal/bundles/ng2-bs3-modal.js"></script>

在你的其他依赖之后。我强烈建议你考虑使用动态模块加载器，如System JS或（我最喜欢的）webpack

Answer 2

在项目中安装jQuery和bootstrap

npm install jquery
npm install bootstrap

然后在使用此模式的文件（例如model view.component.ts）中导入这两个组件

import 'jquery';
import 'bootstrap';

对我来说，这是完美的：）