在前端开发中，经常需要通过点击按钮或某些事件触发页面跳转。本文将介绍如何使用 AngularJS 实现页面重定向。
实现方式
AngularJS 提供了 $location 服务来管理浏览器的 URL。可以通过调用 $location.url() 方法实现页面跳转。
具体实现步骤如下：
- 在 HTML 中添加一个按钮，并指定
ng-click属性为一个函数名，例如redirectToPage()。
------- ---------------------------------------
- 在 AngularJS 控制器中定义
redirectToPage()函数，并注入$location服务。
------------------------ ---------------- ---------- -
--------------------- - ---------- -
---------------------------
-
---- 在
redirectToPage()函数中，调用$location.url()方法并传入要跳转到的页面 URL，例如/new_page。
示例代码
以下是一个完整的示例代码，包括 HTML 和 AngularJS 控制器。
--------- -----
------
------
----- ----------------
----------------------
------- -----------------------------------------------------------------------
-------
----- -------------- -----------------------
------- ---------------------------------------
--------
--- --- - ----------------------- ----
------------------------ ---------------- ---------- -
--------------------- - ---------- -
---------------------------
-
---
---------
-------
-------总结
通过使用 AngularJS 的 $location 服务，可以轻松实现页面重定向。需要注意的是，在调用 $location.url() 方法时，需要传入要跳转到的 URL。同时，由于 AngularJS 路由系统的存在，也可以通过配置路由规则来实现页面跳转。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/25074