Angular使用中遇到的问题

本文解决了一个关于Angular应用中UI-Router使用ui-sref指令时无法正确生成带有动态参数URL的问题。通过去除表达式中的{{}

Angular也强大,也有很多坑,用这篇文章来记录所有遇到的问题

问题一:ui-router, ui-sref使用'{{}}'表达式无法正确生成url

下面products.list 的state要传递一个参数,该参数从服务器中获取,这里写成 {{brandClass}},生成的url是不带参数的

<li class="brand-item" ng-class="{open: isOpened}">
    <a ui-sref="products.list({duplicate_query: {{brandClass}} })" ng-click="toggle(); update(brandName)">
        <span class="glyphicon glyphicon-chevron-{{direction}}"></span>&nbsp;{{title}}
    </a>
    <div ng-transclude-replace></div>
</li>

搞了很久不知道问题出在哪,在so上看到这位仁兄提问才解决,附上链接

解决办法就是去掉{{}},直接写成 

ui-sref="products.list({duplicate_query: brandClass })"

原因目前还没搞清楚,以后搞清楚了再回来补充

转载于:https://www.cnblogs.com/walle2/p/4980096.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值