我是 Angularjs 的初学者,在理解模块和范围方面有一些困难。
我不断收到范围未定义的错误,但我不明白为什么。首先,我将控制器链接到设置路线的位置,但由于控制器内的函数是在提交按钮上调用的,因此单击我将其拿走。我试过把它放回去,但这没有任何区别。
这是我的js文件:
var myApp = angular.module('myApp', ['ngRoute']);
// routes
myApp.config(function($routeProvider) {
$routeProvider
// route for the home page
.when('/', {
templateUrl : 'home.html',
controller : 'mainController'
})
// route for the about page
.when('/about', {
templateUrl : 'about.html',
controller : 'aboutController'
})
// route for the login page
.when('/login', {
templateUrl : 'login.html'
});
});
myApp.controller('mainController', function($scope) {
$scope.message = 'Beginpagina';
});
myApp.controller('aboutController', function($scope) {
$scope.message = 'Informatie over deze pagina';
});
function loginCtrl($scope, $http){
$scope.doLogin = function() {
$http({
method: 'POST',
url: 'loginController.php',
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
data: {
'username': $scope.un,
'password': $scope.pw
},
}).
success(function(data, status) {
$scope.data = data;
if(data == 'FALSE'){
$scope.errorMessage = 'Geen geldige inloggegevens';
} else {
scope.$apply(function() { $location.path("/profile"); });
}
}).
error(function(data, status) {
$scope.data = data || "FALSE";
$scope.errorMessage = 'Something went wrong';
});
};
};
这是我的登录页面,在尝试登录时出现错误:
<div class="span5" ng-controller="loginCtrl">
<form>
<fieldset>
<div class="form-group">
<input class="form-control" placeholder="Gebruikersnaam" ng-model="un"
type="text" autocomplete="off">
</div>
<div class="form-group">
<input class="form-control" placeholder="Password" ng-model="pw"
type="password" value="" autocomplete="off">
</div>
<input class="btn btn-lg btn-success btn-block" type="submit"
ng-click="doLogin()" value="Login">
<div>{{errorMessage}}</div>
</fieldset>
</form>
</div>
我不知道是否也应该发布索引页面,因为主页/关于页面的路由工作正常,所以问题出在制作登录控制器并将其链接到我的提交按钮的地方。我发现了一些类似的问题,但我还没有看到有人将新控制器与 myApp 控制器混合使用,所以我可能做得完全错误。我还读到一个html页面只能有一个模块,所以我不知道是否可以将登录控制器分开。如果能有更多的信息来引导正确的方向,那就太好了。提前致谢!