如何在Angular中包含外部JS文件以及如何在Angular中调用它？

Question

假设我有一个名为index.js的文件，它有一个函数表达式

  $scope.submit = function() {
  if ($scope.username && $scope.password) {
  var user = $scope.username;
  var pass = $scope.password;
  if (pass == "admin" && user == "[email protected]") {
    alert("Login Successful");
    jQuery(location).attr('href', 'http://google.com')
  } else if (user != "[email protected]") {
    alert("Invalid username");
  } else if (pass != "admin" && user == "[email protected]") {
    alert("Invalid password");
  }
 }
}. 

我想在我的Angular项目中调用该函数。我该怎么办？

Answer 1

看起来你试图在Angular中使用基于AngularJS的函数表达式，这是不正确的。

在Angular中没有像$scope那样的东西。

如果可以修改你的功能，做这样的事情。

在index.js

export function submit(username, password) {
  if (username && password) {
    var user = username;
    var pass = password;
    if (pass == "admin" && user == "[email protected]") {
      alert("Login Successful");
      jQuery(location).attr('href', 'http://google.com')
    } else if (user != "[email protected]") {
      alert("Invalid username");
    } else if (pass != "admin" && user == "[email protected]") {
      alert("Invalid password");
    }
  }
}

并在您要使用它的文件中。

import submit from index.js

submit('usr', 'pwd');

Answer 2

只需从index.js文件中导出该函数，然后将其导入所需的文件中。将该函数附加到像window.myFunction = myFunction这样的窗口对象，并将index.js作为脚本标记添加到html中。