これらのコントローラが異なる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
まず、内の他のファイルをロードする場合は、事前
app.jsが最初に読み込まれるようにするにはどうすればよいですか? –