天天看點

如何在Angular2-cli中使用插件(不使用配置)

     重要點:

            要把插件放在src/assets檔案中

        如何在angular-cli中使用jquery插件

                a.在index.html中引入

<script  src="./assets/jquery-1.8.3.min.js"></script>

                b. 在要使用jquery的元件中聲明(XX.component.ts)

                    declare var $ : any;

                c.導入onInit

                    import { OnInit} from '@angular/core';

                d.輸入的元件實作onInit接口

                    export class AppComponent implements OnInit 

                e.實作ngOnInit()方法

                    ngOnInit(){

                    }

                f.在ngOninit()中列印出$

      ngOnInit(){

                console.log($);

                        }

控制台沒有報錯,輸入了内容--------------------->引入jquery插件成功.

    其他插件也差不多是這個步驟。

        聲明這一步,不一樣

       插件特有的對象。需要聲明-

            例如----layDate

            declare var laydate : any;

      沒有特有對象的插件,不需要聲明

本文轉自 沉迷學習中 51CTO部落格,原文連結:http://blog.51cto.com/12907581/1964401,如需轉載請自行聯系原作者

繼續閱讀