<!DOCTYPE html>
<html ng-app>
<head lang="en">
<meta charset="UTF-8">
<script src="js/angular.js"></script>
<title></title>
</head>
<body>
<!--初始化数据-->
<span ng-init="
imgUrl='1.jpg';
hasMore=false;
isValid=false">
</span>
<!--显示图片-->
<img ng-src="img/{{imgUrl}}" alt=""/>
<!--通过ngShow、ngHide控制元素的显示或者隐藏-->
<button ng-show="hasMore">加载更多</button>
<p ng-show="!hasMore">没有更多数据可以加载了</p>
<!--通过ngDisabled决定元素使能或者非使能-->
<button ng-disabled="!isValid">clickMe</button>
<!--ngChecked ngStyle ngClass..-->
</body>
</html>
Angular 基本指令
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
下一篇:集合
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
【Linux】10个常用基本指令
文章以GUI与CLI的区别为始,介绍了初次接触Linux时,常用的指令,同时做了用法演示与讲解。
源文件 文件拷贝 指令 CLI GUI -
angular37-angular实现todolist基本结构
ng
大数据 html mvc angular.js -
Angular ng-model指令详解
Angular ng-model指令详解声明将输入域的值与 AngularJS 创建的变量绑定双向
angular ng-model html 数据 angular.js