在angular app.component.ts中使用JavaScript函数

Question

我有一个js文件action.js，我想在angular中使用javaScript。所以当我读到它的时候，它说js文件必须放在资产中，路径必须在angular的脚本数组中引用。然后在ts和ngOnInit中使用declare但这会引发一个函数未定义的错误除了禁止访问js文件和启用MIME类型检查之外

这是我的js文件函数

function Di(){
console.log('ffffffffffffff');
}

app.component.ts

import { AstMemoryEfficientTransformer } from '@angular/compiler';
import { Component, OnInit } from '@angular/core';
declare function Di(): any;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit{
title = 'Calculator';
ngOnInit() { 
Di();
}
}

angular.json

"styles": [
"src/styles.scss"
],
"scripts": ["src/assets/js/action.js"]
},

app.component.html

</div>
</div>
<script src = "/src/assets/action.js"></script>
</body>

thanks in advance

想在angular中使用js函数

Answer 1

尝试创建一个di。Ts文件并在

中导出函数

export default function Di(){}

然后导入到AppComponent

import Di from 'di'

Answer 2

创建一个ts文件而不是js文件，然后像这样创建你的函数

导出功能Di () {console.log (Di)}

然后导入到你的组件中。

如果这对你有用，我希望你能告诉我。

Answer 3

不确定我理解这个函数的意义-它应该通过单击执行吗?或者使用组件创建?假设有一个按钮点击从html模板，。你应该将fn作为一个公共字段添加到组件中，并在html

中使用括号调用它。