Angular-cli bootstrap v3和jquery？ Angular 2.0

Question

所以我即將開始一個項目，我認為Angular 2.0似乎是一個非常可靠的框架：路由，組件，指令等。但是，有很多東西已經使用我想使用的bootstrap v3和jQuery構建。 我想知道是否可以使用Angular-cli制作的結構集成bootstrap v3和JQuery？

順便說一句，我已經看過其他使用Gulp的Angular 2種子，但他們總是推薦官方的Angular-cli。

另外，我對如何將現有的JS庫打包成Typescript實際工作以及jquery的$ global是否會干擾打字稿也是新的。

注意：我知道ng2-bootstrap，但我不認為一切都與這種方法兼容，因為它不使用jquery作為依賴。 我也知道在角度中使用jquery不是最好的做法，但我認為在某些情況下你真的需要它來插件或依賴。

Answer 1

我可以建議你一個解決方法，直到他們得到更好的支持第三方庫。 它對我有用:)

打字后

npm install jquery 

和

 typings install jquery --ambient --save

在你的angular-cli-build.json中，確保它保持這種方式

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      ...
      'jquery/**/*.js'
    ]
  });
};

並在您的system-config.ts中：

/** Map relative paths to URLs. */
 const map: any = {
   'jquery': 'vendor/jquery'
 };

在你的src / index.html中添加這一行

<script src="/vendor/jquery/dist/jquery.min.js" type="text/javascript"></script>

現在在你想要使用jquery的組件中，這樣寫

declare var $:any;

@Component({
})
export class YourComponent {
  ngOnInit() {
    $.("button").click(function(){
       // now you can DO, what ever you want 
     });
     console.log();
  }
}

我這樣做，在我的項目中。 希望它可能會幫助你:)。