javascript - 如何将查询字符串数据或任何值从 url 传递到 AngularJS 中的 Controller 函数?

标签 javascript angularjs

假设我的页面中有几个链接,每个链接都有如下日期:

**https://mysite/blogs/01/01/2017
https://mysite/blogs/02/01/2017
https://mysite/blogs/03/01/2017
https://mysite/blogs/04/01/2017** 

在进行 Angular 路由时,如何捕获日期并明智地获取数据?

我是新手,所以想知道人们如何使用示例代码将查询字符串数据或任何值从 url 传递到 Controller 函数。

**https://mysite/blogs?custid=101&orderid=200
https://mysite/blogs/{customerid}/orders
https://mysite/blogs/{customerid}/{orderid}**

如果可能,请发布一个包含 Controller 、 View 和路由代码的小示例代码。

我非常渴望了解如何使用 Angular 路由处理查询字符串或基于剩余的 URL 类型,它将数据传递到 Controller 并相应地 Controller 获取数据。

最佳答案

$routeProvider.when('/blogs/:day/:month/:year', {
    templateUrl: 'blog.html',
    controller: 'BlogCtrl'
});

然后在你的 Controller 中,注入(inject) $routeParams获取参数:

function BlogCtrl($scope, $routeParams) {
    $scope.day = $routeParams.day;
    $scope.month = $routeParams.month;
    $scope.year = $routeParams.year;
}

Demo JSFiddle

关于javascript - 如何将查询字符串数据或任何值从 url 传递到 AngularJS 中的 Controller 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43738693/

相关文章:

JavaScript:将 onclick 附加到 "while"循环内的链接

javascript - Jquery,仅当其他两个复选框未选中时才取消选中复选框

javascript - 使用 AngularJS ui-router 创建一个类似状态的弹出窗口

javascript - AngularJS - 如果包含字符串,则删除 ng-repeat 项

javascript - AngularJs 中的自动完成功能无法正常工作

javascript - 在调整窗口大小时更新 Angular 服务变量

javascript - HTML 版本的 AnyChart 可以与 React 一起使用吗?

javascript - 带有条件的 jQuery 切换类

javascript - 文件上传时出现 ng-file-upload 抛出错误

html - Angular Js - 在 Angular TreeView 指令中呈现 html