AngularJS（十）src和href处理

最新推荐文章于 2020-09-02 17:39:33 发布

wea111222333

最新推荐文章于 2020-09-02 17:39:33 发布

阅读量1k

点赞数

分类专栏： AngularJS 文章标签： angularjs

AngularJS 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

转载地址：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>

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

wea111222333

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS（十）src和href处理

转载地址：http://www.cnblogs.com/liulangmao/p/3719162.html本篇主要介绍angular中图片的src和链接的href的处理:用到了以下两个属性:ng-src: 绑定了数据的路径表达式ng-href: 绑定了数据的路径表达式例如: DOCTYPE html>html ng-app>hea
复制链接

扫一扫