Question

我正在尝试在组件模板中添加 jquery onclick 事件，例如app.component.html

<li>
    <a id="menu-close" href="#services">Services</a>
</li>

我在 custom.js 文件中编写了一个函数，例如

$("#menu-close").click(function(e) {
    ....
}

但我不知道如何加载custom.js，只是添加

<script src="js/custom.js"></script>

index.html中的

？

Answer 1

你试试这个......

// In the console
// First install jQuery
npm install --save jquery
// and jQuery Definition
npm install -D @types/jquery

导入你的jquery ..

// CommonJS style - working with "require"
import $ = require('jquery')
//
//then add your jquery here...
$("#menu-close").click(function(e) {
    ....
}

Answer 2

尝试这样的事情

<a id="menu-close" href="#services" (click)='test()'>Services</a>

IN .ts文件：

public test(): void{
    alert('success');
  }

如果要将test（）函数放在公共位置，则可以在服务文件中编写相同的代码，然后导入到各个组件中。

在angualr2组件模板中添加jquery

2 个答案: