首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在angular 6中导入JS文件?

如何在angular 6中导入JS文件?
EN

Stack Overflow用户
提问于 2018-06-02 02:29:45
回答 4查看 26.8K关注 0票数 4

如何在angular 6中导入js文件。我尝试实现了一个导航栏,它包含js函数。谢谢!

我添加了名为nav.js的js文件

代码语言:javascript
复制
 "scripts": [
          "src/assets/js/nav.js"
        ]
EN

回答 4

Stack Overflow用户

发布于 2018-11-08 02:52:47

Angular 6有一个专门的地方,用于在angular.json的专用数组中声明js文件,在

代码语言:javascript
复制
 /projects/$(youProjectName)/architect/build/options/scripts[]

代码语言:javascript
复制
 /projects/$(youProjectName)/architect/test/options/scripts[]

举个例子:

代码语言:javascript
复制
npm install fast-levenshtein --save

我将在node-modules下安装一个js库

js lib文件相对于项目的路径声明如下:

代码语言:javascript
复制
"scripts": [
   "node_modules/fast-levenshtein/levenshtein.js"
]

然后在组件中声明要使用的变量,如npm文档或@LuaXD所述

票数 3
EN

Stack Overflow用户

发布于 2018-06-02 06:58:30

您应该包含在index.html上,例如:

代码语言:javascript
复制
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
   <title>A random project</title>
   <base href="/">

   <meta name="viewport" content="width=device-width, initial- 
    scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
   <link rel="stylesheet" href="https://cartodb- 
  libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" 
/>
<script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.core.js"></script>

<app-root></app-root>
</body>
</html>

在这种情况下,我包含了cartodb.js库,然后为了在我使用的任何组件或服务上使用cartodb.js:

代码语言:javascript
复制
declare var cartodb: any;

在任何文件(组件、服务等)的开头。

注将cartodb更改为您将使用的库的名称,例如,jquery的名称为:

代码语言:javascript
复制
declare var jquery:any;
declare var $ :any;

你应该有这样的东西:

代码语言:javascript
复制
import { Injectable } from '@angular/core';
// Other imports...

declare var cartodb: any;
@Injectable()
export class ARandomService {
}

如果您要使用的代码在npm中不存在,请进行P.s搜索。

票数 2
EN

Stack Overflow用户

发布于 2019-05-05 16:28:28

首先,你应该用npm安装库。然后,将该库添加到项目中的node_modules文件夹中。

现在:

如果你想将js文件导入到angular项目中,首先你应该检查angular的版本,如果你使用的是版本2和4,你应该这样写:

代码语言:javascript
复制
      "scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]

如果你使用的是比4更高的版本,比如5,6或者7,你应该这样写:

代码语言:javascript
复制
      "scripts": [ "./node_modules/jquery/dist/jquery.min.js" ]

在本例中,我将jquery导入到angular项目中。我希望,它能起作用

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50649194

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档