Question

我是AngularJS的新手。

我试着提交一份简单的表格。从服务器获得响应后，我想重定向到另一个页面（仪表板）。我的网址被重定向，但不是页面。

的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 ：

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");
  });
  };
});

如果我点击submit按钮，我的网址就会更改为http://localhost:8585/#!/dashboard。但我不知道如何路由到仪表板的页面。另外，在我的网址中，为什么它会成为#!？

提前致谢。

Answer 1

您可以使用以下内容：

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

Answer 2

您可以直接在javascript中设置window.location = 'newurl'。

在AngularJS中提交表单后重定向到另一个页面

2 个答案: