using external JS libraries in my angular 2 project

前端 未结 2 1526
轮回少年
轮回少年 2020-11-28 05:45

I need to use this JS library in my angular 2 project

this question may be duplicate with me , but no answer worked for me

I tried to include the library as

相关标签:
2条回答
  • 2020-11-28 06:07

    Place all javascript, external css, images etc. in src/assets

    (will be compiled to build/assets)

    In your index.html: <script src="assets/yourJavascript.js"></script>

    Then you can just use it like you describe. (declare var PrayTimes: any;)

    0 讨论(0)
  • 2020-11-28 06:13

    If you use angular-cli, you can add all your external JS files in assets folder. And then in angular-cli.json add them:

    "scripts": [
            "../node_modules/jquery/dist/jquery.min.js",
            "../node_modules/bootstrap/dist/js/bootstrap.min.js",
            "../node_modules/moment/moment.js",
            "../node_modules/chart.js/dist/Chart.bundle.min.js",
            "../node_modules/chart.js/dist/Chart.min.js",
            "../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker.min.js",
            "./assets/js/slimscroll.min.js",
            "./assets/js/inspinia.js",
            "./assets/js/metisMenu.js",
            "./assets/js/footable.all.min.js"
          ]
    

    You can do it also with external styles:

    "styles": [
            "../node_modules/ng2-toastr/bundles/ng2-toastr.min.css",
            "../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss",
            "../node_modules/font-awesome/scss/font-awesome.scss",
            "../node_modules/ng2-datetime/src/vendor/bootstrap-datepicker/bootstrap-datepicker3.min.css",
            "./assets/scss/plugins/footable/footable.core.css",
            "./assets/scss/style.scss"
          ]
    

    And of course you are right, then you need to add in typings.d.ts:

    declare var PrayTimes:any;
    declare var System: any;
    declare var $: any;
    declare var moment: any;
    declare var Chart: any;
    
    0 讨论(0)
提交回复
热议问题