2017-06-17 12 views
0

これらのコントローラが異なるjsファイルにある場合、複数のコントローラに1つのモジュールを使用する方法。複数のコントローラに1つのモジュールを使用する方法

私は3つのjsファイルを持っています 1. app.js 2.ログインしてください。 JS 3. Register.js

app.js

var app = angular.module("myApp", ['ngRoute']); 
app.config(function ($routeProvider) { 
    $routeProvider.when('/', { 
    templateUrl: 'Login/login.html', 
    controller: 'myCtrl' 
}) 

.when('/register', { 
    templateUrl: 'Register/register.html', 
    controller: 'registerCntrl' 
}) 

})

Login.js

var app = angular.module("myApp"); 
    app.controller("myCtrl", function ($scope) { 

$scope.login = function (data) { 
    console.log(data); 
    if (data.name == 'pinku' && data.pswd == '1234') { 
     console.log("Login Successfull"); 
    } else { 
     console.log("Not successful"); 
    } 
}; 
$scope.moreInfo = function() { 
    alert("M in more info"); 
} 

})。

Register.js

var app = angular.module("myApp"); 
    app.controller("registerCntrl", function ($scope) { 

})。

私のapp.jsファイルにmymoduleを定義しましたが、私はそのモジュールにコントローラを登録したいのですが、コントローラは別のクラスにあります。私はapp-jsにng-Routeを注入しました。ログインメートルでは、すでに定義されたモジュールを使用しますが

エラー

を取得mは「起因するモジュールngRouteをインスタンス化できませんでした:」あなたが挿入でき、あなたの app.jsまず、内の他のファイルをロードする場合は、事前

答えて

1

おかげで、あなたの私は、関数呼び出しから[]を省略

app = angular.module("myApp"); 

ノートのようなモジュール。つまり、すでに定義されているモジュールを取得しようとしています。

+0

app.jsが最初に読み込まれるようにするにはどうすればよいですか? –

1

あなたはむしろ行うことができます。

コントローラの両方のための
angular.module("myApp") 
.controller(...) 

ではなく、変数を書いてここに

注:app.jsは仕事に、このためのコントローラのいずれかの前にロードする必要がありますが。

これはそれを行うことができる方法の一つである:

<html ng-app="myApp"> 
<head> 
    <title></title> 
</head> 
<body> 

    <script type="text/javascript" src="app.js"></script> 
    <script type="text/javascript" src="controller1.js"></script> 
    <script type="text/javascript" src="controller2.js"></script> 
</body> 
</html> 

は、これとは別に、あなたも自動的にそれを行うためにゴクゴクORうなり声のようないくつかのタスクのランナーを使用することができます。

+0

app.jsが最初に読み込まれていることを確認するにはどうすればよいですか? –

+0

手動でHTMLに挿入する場合は、スクリプトタグに最初に挿入し、その後に他のコントローラのscriptタグを挿入するだけです。それはあなたのhtmlの異なるスクリプトファイルをロードするのと同じくらい良いです。あなたが最初に言及されるいずれかが最初にロードされる、私の答えを確認してください –

+0

ありがとうありがとう。 –

関連する問題