2017-11-23 16 views
0

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で、なぜそれが#!になっていますか?

ありがとうございます。

+0

あなたはngRoute – Sajeetharan

+0

を編集してコードを共有することを検討する必要があります。助けになるでしょう。 – SaRaVaNaKR

答えて

0

次を使用することができます。

<form onsubmit="window.location.href='type://your.url/here';" novalidate> 
0

あなたはJavaScriptで直接window.location = 'newurl'を設定することができます。

関連する問題