javascript - 如何从angularjs中的下拉菜单重定向到新页面

标签 javascript css angularjs html

除了 GO 按钮之外,我还想创建一个下拉列表。以这种方式,当我从下拉列表中单击第一项时,它应该借助我在下拉列表之外创建的 GO 按钮重定向到第一项信息 html 页面。同样,如果我从下拉列表中单击第二项,它应该重定向到第二项信息 html 页面,依此类推。

最佳答案

我不知道你的路由机制,但假设你只是使用简单的 $window.location ,你可以这样做:

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

在你的 Controller 中:

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

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

关于javascript - 如何从angularjs中的下拉菜单重定向到新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39699392/

相关文章:

css - 使用 css ul li 显示内联 block 时出现的像素

javascript - 将元素与背景大小 :cover 对齐

javascript - angularjs ng-repeat按数字顺序排序字符串数组

javascript - Location 对象的原型(prototype)对象是什么?

javascript - 打开特定的 Accordion 菜单

javascript - 是否可以将回调函数与 .bind 一起使用?

javascript - Angular - 实时应用过滤器

javascript - 如何在不同条件下对同一查询进行 db.collection.count() ?

html - 如何从列表中删除点

javascript - angular.forEach 解决嵌套的 promise