读书频道 > web开发 > Javascript > 用AngularJS开发下一代Web应用
反思src和href属性
2013-12-03 09:35:47     我来说两句 
收藏    我要投稿   
AngularJS是一款来自Google的前端JS框架,它的核心特性有:MVC、双向数据绑定、指令和语义化标签、模块化工具、依赖注入、HTML模板,以及对常用工具的封装,例如$http、$cookies、$location等。AngularJS框架的体  立即去当当网订购

当在<img>或者<a>标签上进行数据绑定时,在src或者href属性上简单使用{{ }}无法很好地运行。由于浏览器会优先使用并行的方式来加载图片和其他内容,所以Angular没有机会拦截到数据绑定请求。<img> 标签最自然的用法是:
<img src="/images/cats/{{favoriteCat}}">

但其实,这里应该使用ng-src 指令,你的模板应该写成这样:
<img ng-src="/images/cats/{{favoriteCat}}">
类似地,对于<a> 标签,应该使用ng-href指令:
<a ng-href="/shop/category={{numberOfBalloons}}">some text</a>

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:CSS类和样式
下一篇:表达式
相关文章
图文推荐
3.12 本章小结
3.10 添加新函数
3.9 递归
3.8 闭包
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站