Question

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

  $scope.submit = function() {
  if ($scope.username && $scope.password) {
  var user = $scope.username;
  var pass = $scope.password;
  if (pass == "admin" && user == "manoj@admin.com") {
    alert("Login Successful");
    jQuery(location).attr('href', 'http://google.com')
  } else if (user != "manoj@admin.com") {
    alert("Invalid username");
  } else if (pass != "admin" && user == "manoj@admin.com") {
    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 == "manoj@admin.com") {
      alert("Login Successful");
      jQuery(location).attr('href', 'http://google.com')
    } else if (user != "manoj@admin.com") {
      alert("Invalid username");
    } else if (pass != "admin" && user == "manoj@admin.com") {
      alert("Invalid password");
    }
  }
}

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

import submit from index.js

submit('usr', 'pwd');

Answer 2

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

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

2 个答案: