首页 / JAVASCRIPT / javascript – Angular 1 – 获取当前的URL参数

javascript – Angular 1 – 获取当前的URL参数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular 1 – 获取当前的URL参数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1031字，纯文字阅读大概需要2分钟。

内容图文

我想从当前URL中提取数据并在控制器中使用它.
例如,我有这个网址：

app.dev/backend/surveys/2

我要提取的位：

app.dev/backend/ :type / :id

Angular中有什么可以帮助我完成这项任务吗？

解决方法:

使用ngRoute从URL获取参数.这意味着您需要在应用程序中包含angular-route.js作为依赖项.更多信息如何在官方ngRoute documentation上执行此操作.

问题的解决方案：

// You need to add 'ngRoute' as a dependency in your app
angular.module('ngApp', ['ngRoute'])
    .config(function ($routeProvider, $locationProvider) {
        // configure the routing rules here
        $routeProvider.when('/backend/:type/:id', {
            controller: 'PagesCtrl'
        });

        // enable HTML5mode to disable hashbang urls
        $locationProvider.html5Mode(true);
    })
    .controller('PagesCtrl', function ($routeParams) {
        console.log($routeParams.id, $routeParams.type);
    });

如果未启用$locationProvider.html5Mode(true);.网址将使用hashbang(/#/).

有关路由的更多信息可以在官方角度$route API documentation上找到.

附注：这个问题是回答如何使用ng-Route实现这一点但是我建议使用ui-Router进行路由.它更灵活,提供更多功能,文档很棒,它被认为是角度最佳的路由库.

内容总结

以上是互联网集市为您收集整理的javascript – Angular 1 – 获取当前的URL参数全部内容，希望文章能够帮你解决javascript – Angular 1 – 获取当前的URL参数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/711767.html

来源：【匿名】