如何通过angularjs中的查询参数重定向url？

Question

我使用angularjsngRoute委托不同的HTML模板，例如：

phonecatApp.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
     when('/phones', { 
     templateUrl: 'partials/phone-list.html', 
     controller: 'PhoneListCtrl' 
     }). 
     when('/cars', { 
     templateUrl: 'partials/car-detail.html', 
     controller: 'CarDetailCtrl' 
     }); 

    //many more routes 
    }]); 

问题：我想有一个共同的URL，如localhost/my-app?myparam=Nokia。

我想比较myparam到映射表。如果参数名称是电话公司，我想要委托给/phones。如果是汽车公司，我想代表/cars等。你明白了。

此外我必须重写URL如下：localhost/myapp/phones?myparam=Nokia。因此ngRoute会自动捕获正确的模板和控制器。

问题：如何拦截初始加载，并根据url参数重定向？

旁注：我不能重写routeProvider配置，例如通过使用不同的插件，如angular-ui-router。

Answer 1

这听起来像你可能想退后一步并重新考虑你为什么试图以这种方式来解决它，但考虑到你的限制，你最好的选择可能是让一个服务返回正确的URL并从控制器调用它：

phonecatApp.controller("trafficCtrl", function ($routeParams,trafficService,$location) { 
    if ($routeParams.myparam) { 
     var destination = trafficService.getDestination($routeParams.myparam); 
     $location.path(destination); 
    } 
}) 
.service("trafficService", function() { 
    this.getDestination = function (paramValue) { 
     switch(paramValue) { 
      case "Nokia": 
       return "/phones"; 
      case "Ford": 
       return "some/car/url"; 
      // etc... 
     } 
    } 
}); 

另外，你必须添加fol降脂（通用）途径向供应商：

$routeProvider.when("/", { 
     template: '', 
     controller: 'trafficController' 
}); 

Answer 2

我不知道这是否是正确的解决方案。但是你可以创建一个新的路线/myapp ..写控制器和重定向使用$location服务..使用$location.query()找到查询段值之后，并相应地重定向它

Answer 3

如果我们让一个REST调用，比如/我的应用程序内/诺基亚或我的应用程序内/三星，而不是查询参数，我想我们可以动态路由它在配置本身。

phonecatApp.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
     when('/my-app/:myparam', { 
     templateUrl: function(params){ 
     return TemplateMappingFunction(params.myparam) +'.html' 
    }, 
     controller: function(params){ 
     return ControllerMappingFunction(params.myparam) 
    } 
     }) 

    //many more routes 
    }]); 

例如，

• 如果URL /我的应用程序内/诺基亚，TemplateMappingFunction（诺基亚）将返回的谐音/电话list.html”，
• 如果URL如果URL是/my-app/BMW，TemplateM是/my-app/Nokia，TemplateMappingFunction（诺基亚）将返回partials/phone-list.html'，
• appingFunction（BMW）将返回的谐音/汽车details.html”，

查询帕拉姆方法

phonecatApp.config(['$routeProvider', 
      function($routeProvider) { 
      /* Function to retrieve Query parameters*/ 
      function getParameterByName(name) { 
       name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
       var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
        results = regex.exec(location.search); 
       return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
      } 

      $routeProvider. 
       when('/my-app', { 
       templateUrl: TemplateMappingFunction(getParameterByName('myparam')) 
      }, 
       controller: ControllerMappingFunction(getParameterByName('myparam')) 
      } 
       }) 

      //many more routes 
      }]); 

因此，如果URL是本地主机/我的应用程序内？myparam =诺基亚 ，那么TemplateMappingFunction（'Nokia'）将返回'partials/phone-list.html'