Angularjs中使用$location获取url参数时,遇到的坑~~~

今天在开发时候,需要用到Angularjs1.4.6获取url参数,网上查了一下,有部分文章提到用$location来获取。大致方法如下

var app = angular.module('myApp', []);  -- 很正常,做angularjs必须加写

app.config(['$locationProvider', function ($locationProvider) {
$locationProvider.html5Mode(true);
}]); -- 这段就是用来让$location可以获取到url的

app.controller('formCtrl', ['$scope', '$location', function ($scope, $location) {

  alert($location.search().id); -- 这段就是用来获取url参数中id值

}]);

网上能找到的,基本就是这个套路。

按理来说,应该是好了。但是,你执行后就会发现,报错,报错,无限报错。而且报的angularjs的错误,你根本不会知道是为什么。

你再想知道为什么就能难了。为啥?因为我现在这个时候用angularjs的人就不多,能有教程的就更加少了。根本不要说这种坑爹的问题。

更加让我不得不得吐槽的是,为什么这些大神在提供这些解决方案时,漏说了一个很重要的东西。以至于,前面的代码,写了也白写,对看的人来说,报错就是无用

不废话,想让代码执行不报错,需要添加

<base href="/" />

这句添加到你这个页面的<head>头里。如果你是内容页就添加的模板页的<head>头里

这样就好了。希望后面的人不要在采坑了。

And 我自己也记录一下。

PS.希望看到的人,觉得很有用,就点个赞吧。

 

转载于:https://www.cnblogs.com/tfiremeteor/p/5442663.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值