2
當我加載主頁面時,它將在主頁面的div的ng-view中加載此頁面的第三部分[/login GET HTTP request
]。我的問題是,當我點擊提交按鈕,它不會提交給定的頁面,並呼籲InitCtrl
控制器當我使用模板時,提交按鈕在angularjs中不起作用
內登錄()函數這是主要的頁面:
<html lang="en" ng-app="mvc-module">
<head>
<script src='<c:url value="/static/angular.js"/>'></script>
<script src='<c:url value="/static/todo.js"/>'></script>
</head>
<body>
<div ng-view></div>
</body>
</html>
待辦事項。 JS:
angular.module("mvc-module", []).config(function ($routeProvider) {
$routeProvider.
when('/', {controller: InitCtrl, template: '<div ng-bind-html-unsafe="mainPage"</div>'}).
otherwise({redirectTo: '/'});
});
function InitCtrl($scope, $http) {
$http.get("login").success(function (data, status, headers, config) {
$scope.mainPage = data; // for see the response see /log GET response
});
$scope.login = function() {
$http.post("login", {password: $scope.password, username: $scope.username}).
success(function (data, status, headers, config) {
$scope.mainPage = data;
console.log("successfully logged to login");
}).error(function (data, status, headers, config) {
console.log("error in post");
});
};
}
這是響應/登錄GET HTTP請求:
<div>
<form class="form-signin" ng-submit="login()">
<h2 class="form-signin-heading">Please sign in</h2>
<input type="text" class="input-block-level" placeholder="User name" ng-model="username">
<input type="password" class="input-block-level" placeholder="Password" ng-model="password">
<label class="checkbox">
<input type="checkbox" value="remember-me" ng-model="remember"> Remember me
</label>
<button class="btn btn-large btn-primary" type="submit">Sign in</button>
</form>
</div>
是否在頁面的正確位置看到html?它是否在正確的格式和格式正確? –
@FooL是的,我正確地看到它 – Pooya
如果你把'ng-click =「login()」'放在按鈕中呢? –