AngularJS（十）src和href处理

来源：互联网发布：nuendo 6 mac 破解版编辑：程序博客网时间：2024/06/02 02:31

转载地址：http://www.cnblogs.com/liulangmao/p/3719162.html

本篇主要介绍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>

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

阅读全文

0 0