外部JSファイルをAngularに含める方法とAngularで呼び出す方法

Question

のは、私は関数式

$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"); 
    } 
} 
}. 

を持ってindex.jsという名前のファイルがあるとしましょう、私は私の角のプロジェクトで、その関数を呼び出したいです。私はどうしたらいいですか？

Answer 1

この関数をindex.jsファイルからエクスポートして、必要なファイルにインポートするだけです。 window.myFunction = myFunctionのようなウィンドウオブジェクトにその関数をアタッチし、htmlにindex.jsをスクリプトタグとして追加します。

Answer 2

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');