AngularJSが初めてです。AngularJSでフォーム提出した後、別のページにリダイレクト
私は単純なフォームを提出しようとしました。サーバーからの応答を取得した後、別のページ(ダッシュボード)にリダイレクトします。私のURLはリダイレクトされますが、ページはリダイレクトされません。
index.htmlを:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8">
<title>index page</title>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js">
</script>
<script type="text/javascript" src="front/controller/controller.js">
</script>
</head>
<body>
<div ng-controller="myCtrl">
<p>Today's welcome message is:</p>
<form novalidate>
<input type="text" ng-model="name">
<input type="password" ng-model="passwww">
<button type="button" ng-click="btn()" name="button">submit</button>
</form>
</div>
</body>
</html>
Controller.js:私はsubmit
ボタンをクリックすると
var app = angular.module('myApp', []);
app.controller('myCtrl',function ($scope,$http,$location) {
$scope.btn = function() {
var nam = $scope.name;
var pass = $scope.passwww;
var detail ={
"name" : nam,
"password" : pass
}
console.log(nam + " and1 " + pass);
$http({
url : "/daaa",
method : "post",
data : detail,
headers : {'Content-Type' : 'application/json'}
})
.then(function (response) {
$location.path('/dashboard');
console.log($location.path());
}).catch(function (response) {
console.error("error in posting");
});
};
});
、私のURLがhttp://localhost:8585/#!/dashboardに変更されます。しかし、ダッシュボードのページへのルーティング方法はわかりません。また、私のURLで、なぜそれが#!
になっていますか?
ありがとうございます。
あなたはngRoute – Sajeetharan
を編集してコードを共有することを検討する必要があります。助けになるでしょう。 – SaRaVaNaKR