Angular JS:点击时更改$location参数
Angular JS: Change $location Params on ng-click
我目前正在应用程序中使用$location
,因此我可以从地址栏向$http
GET请求发送参数。像这样:
var params = $location.search();
$http.get(url, params).then(function(){
...
}
是否可以将ng-click
属性添加到视图中的元素中,以便将参数传递到地址栏中,从而过滤GET请求?
类似的东西:
<div ng-click="genre=romance">Romance</div>
<div ng-click="genre=horror">Horror</div>
<div ng-click="year=2012">2012</div>
<div ng-click="year=2011">2011</div>
因此,当单击两个按钮时,查询本身会链接,url会转换为:例如,app.com/movies?genre=horror&year=2012
。
$location
可能做到这一点吗?我是否以正确的方式进行这项工作?
感谢您的帮助。提前感谢!
Search函数既是getter也是setter。例如,你可以把$location放在$scope中,然后像这样使用它:
<div ng-click="$location.search('genre','romance')">Romance</div>
<div ng-click="$location.search('genre','horror')">Horror</div>
<div ng-click="$location.search('year','2012')">2012</div>
<div ng-click="$location.search('year','2011')">2011</div>
并修改$http.get:
$http.get($location.absUrl()).then(function(){...}
相关文章:
- Javascript location.reload()丢失参数(空$_GET)
- $location.search() - 如何在 $scope.$watch 函数中使用作用域中的参数
- window.location.href未设置查询参数
- 将数据参数(不是查询参数)提供给 window.location.href ?创建动态文件
- 使用$location导航并传递隐藏的参数
- 使用 window.location.href 和 Jquery 更改多个 url 参数
- location.href + 指定搜索参数
- JQuery试图更改window.location错误地截断了查询参数
- Angularjs返回$location-url,不带参数
- 如何在 angularjs 中传递 $location.path 的参数
- 除了document.location.hash,还有其他方法可以将参数传递给javascript吗
- 保存$location参数状态AngularJS
- this.location未传递json参数
- Angular JS:点击时更改$location参数
- Javascript从url (windows.location)获取所有参数
- Angular的$location.path()和URL参数
- AngularJs location.path 不传递参数
- 使用JavaScript更新location (src)中的参数
- 如何将参数传递给onclick="window.location"李
- 在 window.location.rereplace 中使用参数