我在angular 8中使用外部javascript文件。它显示未定义函数的错误。但是我已经定义了这个函数

在这段代码中，我尝试使用外部javascript来切换密码可见性。但它显示出错误

这是我的Html代码

<input type="password" value="FakePSW" id="myInput">
<button (click)="func()">Show Password</button>

这是我的angular.json文件

 "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "src/assets/jquery.js"
            ]

这是我的外部javascript文件

function myFunction() {
    var x = document.getElementById("myInput");
    if (x.type === "password") {
      x.type = "text";
    } else {
      x.type = "password";
    }
  }

这是网页中显示的错误

AppComponent.html:7 ERROR ReferenceError: myFunction is not defined
    at AppComponent.func (app.component.ts:20)
    at Object.eval [as handleEvent] (AppComponent.html:7)
    at handleEvent (core.js:43993)
    at callWithDebugContext (core.js:45632)
    at Object.debugHandleEvent [as handleEvent] (core.js:45247)
    at dispatchEvent (core.js:29804)
    at core.js:42925
    at HTMLInputElement.<anonymous> (platform-browser.js:2668)
    at ZoneDelegate.invokeTask (zone-evergreen.js:391)
    at Object.onInvokeTask (core.js:39680)

AppComponent.html:7错误引用错误：未定义myFunction
在AppComponent.func（app.component.ts:20）
at Object.eval[as handleEvent]（AppComponent.html:7）
在handleEvent（core.js:43993）
在callWithDebugContext（core.js:45632）
在Object.debugHandleEvent[作为handleEvent]（core.js:45247）
在dispatchEvent（core.js:29804）
在core.js:42925
在HTMLInputElement。（platformbrowser.js:2668）
在ZoneDelegate.invokeTask（zone everyver.js:391）
位于Object.onInvokeTask（core.js:39680）

首先，必须从javascript文件导出函数

功能声明：

export function myFunction() {
     ...
}

然后需要将其导入到角度组件的顶部。而不是

declare const myFunction:any;

是的

import {myFunction} from 'filepath to file';

---

在angular项目中使用

myfunction

应该很好。

首先，必须从javascript文件导出函数

功能声明：

export function myFunction() {
     ...
}

然后需要将其导入到角度组件的顶部。而不是

declare const myFunction:any;

是的

import {myFunction} from 'filepath to file';

---

您应该很乐意在您的角度项目中使用

myfunction

。

谢谢。该功能工作正常，但在网页“未捕获语法错误：意外令牌导出”中显示错误。谢谢。该功能工作正常，但在网页“未捕获语法错误：意外令牌导出”中显示错误