您的位置：首页 > Web前端 > AngularJS

angular学习笔记(十)-src和href处理

2014-05-09 16:25 471 查看

本篇主要介绍angular中图片的src和链接的href的处理:

用到了以下两个属性:

ng-src: 绑定了数据的路径表达式

ng-href: 绑定了数据的路径表达式

例如:

<!DOCTYPE html>
<html ng-app>
<head>
<title>7.1src和href</title>
<meta charset="utf-8">
<script src="../angular.js"></script>
<script src="script.js"></script>
<style type="text/css">
*{
font-family:'MICROSOFT YAHEI';
font-size:12px
}
</style>
</head>
<body>
<div ng-controller = "SrcHref">
<img ng-src="./images/cats/{{favorite}}"/>
<a ng-href="./images/cats/{{favorite}}">查看</a>
</div>
</body>
</html>

function SrcHref ($scope){
$scope.favorite = 'xiaohei.gif';
}

显示效果:

点击查看后会跳转到图片的路径

*虽然说,使用这种方法也能绑定路径:

<img src="./images/cats/{{favorite}}"/>
<a href="./images/cats/{{favorite}}">查看</a>

但这不是最佳方法,有时候会无法运行.原因不需要去理解.记住就可以了.

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航