您现在的位置是:首页 > Javascript
当前栏目
[angularjs] angularjs系列笔记(七)HTML DOM
2023-02-18 15:50:03 时间
AngularJs为HTML DOM元素的属性提供了绑定数据的指令
ng-disabled指令
ng-disabled指令直接绑定数据到HTML元素的disabled属性
ng-show指令
ng-show指令隐藏和显示一个HTML元素
ng-hide指令与ng-show相反
<div ng-app="Home"> <div ng-controller="ngDisabledTest"> 测试ng-disabled指令 <button ng-disabled="mySwitch" >点击</button> <input type="checkbox" ng-model="mySwitch"/>切换 </div> <div ng-controller="ngShowTest"> 测试ng-show指令 <p ng-show="true">可见</p> <p ng-show="false">不可见</p> </div> </div> </body> <script type="text/javascript"> //实例化应用对象,参数:模块名,空数组 var app=angular.module("Home",[]); app.controller("ngDisabledTest",function(){}) app.controller("ngShowTest",function(){}) </script>
相关文章
- javascript学习之Pointfree是什么
- javascript学习之函数组合
- javascript中柯里化
- javascript的纯函数,纯函数怎么定义
- javascript必须要知道的闭包,怎么调试闭包
- javascript中函数试编程范式,为什么要学习函数式编程
- nodejs之npm切换源
- javascript异步编程之generator(生成器函数)与asnyc/await语法糖
- JavaScript的异步编程之Promise
- javascript编程单线程之异步模式Asynchronous
- javascript编程单线程之同步模式
- JavaScript函数式编程之函子
- node包管理器之lerna常用命令
- 原生JS实现可折叠导航栏
- 渗透测试-登陆口js前端加密绕过
- [你必须知道的JavaScript]解构赋值
- JavaScript基础
- 手写一个格式化json工具
- threejs旋转入门
- 我用nodejs实现了热加载接口文件,感觉又离“serverless”进了一步