如何在我的Angular 5项目中全局包含我自己的JS / jQuery函数文件

时间:2018-02-28 06:49:26

标签: javascript jquery angular

我有一个JS / jQuery函数' s文件&想在Angular 5项目的所有组件中使用它。那么,我怎样才能在我的项目中使用它的功能。

注意:我已经安装了jQuery,并且可以在我的打字稿中使用它。但我想在typescript中使用我自己的JS / jQuery文件(app.js)中的函数。我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

您可以将它们包含在文件资产(或其他位置)中,并在.angular-cli.json中进一步添加它们,路径应该是正确的。您可以在资产中添加名为js的文件夹,并将此类文件放在那里。并修改文件.angular-cli.json,如

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "angular-test"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        ".htaccess",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "assets/css/styles.min.css",
        "styles.css"
      ],
      "scripts": [
        "assets/js/app.js"   /* add all such files HERE */
      ],
      "environmentSource": "environments/env.ts",
      "environments": {
        "dev": "environments/env.ts"
      }
    }
  ],

  ...
}