javascript - 当我使用 javascript window.location 时，如何使用 Angular JS 重定向到页面

Question

我正在使用 javaScript onsubmit 函数根据 Angular 色重定向到特定页面。我还在我的应用程序中使用 AngularJS。但是当我在填写表单后按 Enter 时，页面将直接转到该页面，而不是在 ng-view 中加载页面。我该如何解决这个问题？

代码:

function next(){
    var role = location.search.substring(1);
    if ( role == "vp"){
        //alert ("Login successfully");
        window.location = "results.html?vp";//redirecting to other page
        //return false;
    }
    else{
        window.location = "results-locked.html?sales";
    }
}

AngularJS

var module = angular.module("portalApp", ['ngRoute']);

 module.config(['$routeProvider',
        function($routeProvider) {
            $routeProvider.
                when('/home', {
                    templateUrl: 'home.html',
                }).

                when('/results', {
                    templateUrl: 'results.html',
                }).

                when('/lock-results', {
                    templateUrl: 'results-locked.html',
                }).

                otherwise({
                    redirectTo: '/home'
                });
        }]);

HTML:

<div class="search-form">
  <form method="post" name="myform"  action="javascript:next()" class="ourform">
  <img src="images/mic.png" class="mic">
  <input type="search" id="search" name="search" placeholder="Type or speak here to search">
  <input type="image" alt="submit" src="images/search.jpg" class="submit"/>
  </form>
</div>

相反，我想要一些类似于 JavaScript 中的 href="#/results" 和 href="#/results-locked" 的东西。

Answer 1

我通过修改 javascript 代码解决了这个问题

function next(){
    var role = location.search.substring(1);
    if ( role == "vp"){
        //alert ("Login successfully");
        window.location = "#/results";//redirecting to other page
        //return false;
    }
    else{
        window.location = "#/lock-results";
    }
}