如何从下拉列表重定向到新页面angularjs

Question

我想要创建一个下拉列表，除了GO按钮。以这种方式，当我从下拉列表中单击第一项时，它应该重定向到第一个项目信息html页面，在GO按钮的帮助下，我还创建了下拉列表。同样的方式，如果我从下拉列表中点击第二个项目，它应该重定向到第二个项目信息html页面等等。

Answer 1

您可以在您的控制器中添加一个ng-change =“redirectTo（）”标签到您的<select>触发功能。在控制器中，检查模型以知道重定向的位置。

Answer 2

我不知道你的路由机制，而是说你只是使用简单$window.location，你可以做这样的事情：

<select ng-options="route as route for route in routes" 
     ng-model="goToRoute"></select> 
<button ng-click="redirectToRoute()">Go!</button> 

而在你的控制器：

$scope.routes = ["http://www.google.com", "http://www.somesite.com"]; 

$scope.redirectToRoute = function() { 
    // redirect logic 
    var route = $scope.goToRoute; 
    $window.location.href = route; 
} 

Answer 3

演示Jsfiddle

<select ng-change='redirectTo("login")' ng-model="goto"></select> 

更改时需要添加以下代码s nippet

如果您正在使用

$routeProvider 

然后用

$location.url('#/home'); // without params 
$location.url('#/home/123'); // with params 

，或者如果你正在使用

$stateProvider 

然后用

$state.go('home'); // without params 
$state.go('home', {id:123}); // with params