前 言
AngularJS中的DOM与事件
AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。
ng-disabled="true/false" 传入true表示禁用,传入false表示可用
代码:
{
{myCheck}}
效果:
ng-show是否显示 传入true显示false隐藏
代码:
我显示出来啦!!!
效果:
ng-hide 是否隐藏
我显示出来啦!!!
ng-if:是否移除元素,当传入true显示,传入false移除
效果与ng-show相同,但是ng-show和ng-hide只是隐藏元素,而ng-if是将元素直接从DOM中移除
我显示出来啦!!!
在console中显示效果
ng-bind-html :相当于innerHTML,而ng-bind 相当于 innerText
注意,要使用ng-bind-html,必须导入angular-sanitize.js文件进行安全验证,同时需要在声明模块的时候,在数组中注入安全验证 模块'naSanitize'
ng-checked 设置复选框或单选框的选中状态 传入true设置当前复选框被选中
Check all Volvo Ford Mercedes
ng-class: 用于设置给元素添加class类
可选值:
①可以是字符串表示直接给元素添加对应的class。多个class之间用空格分隔
②可以是对象。对象的键表示class名字,对象的值为true或false,当值为true时表示添加对应的class
③可以是数组,数组中的值可以是字符串或对象,判断同上。
这是一个div这是一个div这是一个div
ng-switch 根据变量 的值,选择不同的ng-switch-when来显示,当没有合适的选项时,显示ng-switch-default
我喜欢的网站
菜鸟教程
欢迎访问菜鸟教程
欢迎访问Google
淘宝
欢迎访问淘宝
切换
选择不同选项显示对应的值。
ng-click 定义AngularJS的点击事件ng-click 只能触发绑定在AngularJS作用域上面的属性和方法
AngularJS 中的事件AngularJS 中的事件只能触发绑定在AngularJS作用域上面的属性和方法
控制台可看到按回车时是true,其他键是false