angular中的ng-src和ng-href的用法是什么

最新推荐文章于 2021-06-15 19:58:17 发布

adg1994427

最新推荐文章于 2021-06-15 19:58:17 发布

阅读量223

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liubaichi/p/6051650.html

版权

本文介绍了一个使用AngularJS框架加载并显示图片的基本示例。通过定义一个初始的图片源(src)并在页面加载时将其绑定到img标签上，实现了图片的动态加载。此示例有助于理解AngularJS中数据绑定的基本概念。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <script src="angular-1.5.8.js"></script>
</head>
<body ng-app ng-init="src='http://pic.58pic.com/58pic/11/12/10/57758PICAFi.jpg'">
 <img ng-src="{{src}}" alt=""/>
</body>
<script>
// 定一个变量来规定一个路径,再img标签，来绑定路径;变量src要是复制图片的地址，直接粘贴到在变量src上去；

//同理可以ng-href是在a标签的时候使用的，同理img标签（ng-src）
</script>
</html>