angularjs 如何实现页面跳转？

cfsjjjj 2016-08-12 05:02:12

<div class="col back-detonator"><span>在线数量</span><label class="digital ng-binding">{{Count }}</label></div>
我想点击div的时候页面跳转到aa.html 不用<a>标签！

...全文

7154 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

cfsjjjj 2016-08-23

打赏
举报

回复

kao，谁进来说句话。要不连结贴都不行。

qqq123 2016-08-23

打赏
举报

回复


<html ng-app="app">
    <head>
        <script src="angular.js"></script>
        <script>
            angular
                .module('app', [])
                .controller('JumpController', function($scope) {
                    $scope.jump = function(url) {
                        window.location = url;
                    }
                });
        </script>
    </head>
    <body ng-controller="JumpController">
        <div class="col back-detonator" ng-click="jump('aa.html')">
                <span>在线数量</span>
                <label class="digital ng-binding">{{Count }}</label>
        </div>
    </body>
</html>

注意：不要用AngularJs提供的$location服务，这个服务是前端路由，用于SAP。

MMMMMMaki 2016-08-23

打赏
举报

回复

div 加个ng-click事件不就好了么写个函数跳转到html

cfsjjjj 2016-08-15

打赏
举报

回复

怎么都没人是走错地方了

cfsjjjj 2016-08-12

打赏
举报

回复

需要有带参数的！谢谢

在AngularJS中，路由的实现依赖于ngRoute模块，这是实现页面间跳转的基础。为了使用路由，我们首先需要在HTML中引入必要的JavaScript库，如示例中提到的"~/Scripts/angularjs/angular-route.js"。这个库提供了路由的...

本文将详细介绍五种在AngularJS中实现页面跳转的方法，帮助开发者更好地理解和掌握这些技术。 1. **基于ui-router的页面跳转传参** AngularJS的ui-router库提供了强大的路由功能，允许我们在跳转时传递参数。首先...

首先，当在AngularJS中需要实现页面跳转后自动弹出对话框的功能时，可以通过监听AngularJS路由变化的事件来实现。AngularJS的路由系统可以配置不同的路由规则，当URL变化时，就会触发路由事件。在AngularJS中，通常...

在上述示例中，控制器中定义了一个goToUrl函数，该函数通过$location服务来改变当前页面的location地址，实现页面跳转。在控制器的具体实现中，需要引入ngRoute模块以及相应的JavaScript文件。这些文件通过script...

在AngularJS中，通过`$scope`可以控制页面的显示与隐藏，进而实现页面之间的跳转。以下是一种典型的主页面跳转方式： ##### HTML结构 ```html  ``` 此处定义了一个名为`mainInfo`的`ons-...

87,996

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章