Это рабочий пример проекта, который реализован для удовлетворения ваших требований: https://codesandbox.io/s/nkxmjprrnp
Существует два основных файла, которые задействованы в выполнении этой функции:
1.my.js
файл
function slideDown(i) {
alert(
"You've already used this function from my.js! The passed value is: " + i
);
$("#abc").html("I've been changed by using jquery");
}
export default slideDown;
файл app.component.ts
, который импортирует и использует файл my.js
import { Component } from "@angular/core";
import slideDown from "../my";
@Component({
selector: "app-root",
template: `
<div>
<h2>Welcome to Stack Overflow, Dimitris Kounarakis!</h2>
<button (click)="handleClick()">Click me</button>
<h4 id="abc">Hello</h4>
</div>
`
})
export class AppComponent {
title = "CodeSandbox";
handleClick() {
slideDown(2);
}
}
в файле
index.html
, мы должны включить библиотеку jquery, используя CDN:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Angular</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
</head>
<body>
<app-root></app-root>
</body>
</html>
Надеюсь, это поможет.