angularjs
angularjs的基本命令
- ng-app > 声明ng的控制范围,在某个标签上加了这个标识,标签内所有元素都是ng可控制的. 定义一个模块
ng-controller 控制器模块 MVC的C层 model view ng-controller. 为应用变量添加控制器,在控制器内,编写代码,定义变量和函数,数组,对象,对象数组
定义一个模块
var myapp = angular.modeul(“myapp”,[]);> “myapp”定义的模块名
myapp.controller(“mycontro1”,function( scope, rootScope, interval, timeout){
定义变量
scope.count=0; scope.add=function(){
count++;
}
});> “mycontro1”定义的控制块名字
myapp.controller(“mycontro2”,function($scope){});> 一个模块可以定义多个控制器
ng-model
数据的双向的绑定,一般用于input 变量发生变化的时候,引用这个变量的地方,会同步发生变化. 不像js再获取dom节点
- ng-init 初始化
- ng-show
- > 显示或隐藏 ng-show=”true||false” 通过ng-model进行数据绑定时,输出的都是文本字符串
通过input输入的内容来控制显示或者隐藏
- ng-repeat
类似于in for 循环操作 ng-repeat所在的标签,其内部都是需要循环的内容
- ng-if
布尔值,true时显示当前标签,false不显示当前标签 - ng-include
引用外部HTML ng-include=” ‘路径’ “ - ng-style > 后面的表达式是对象{}
- ng-class 存放class ng-class=”表达式”,表达式可以是变量,数组,对象,对象数组
- ng-class-odd 奇数元素时显示class
- ng-class-even 偶数元素时显示class
- ng-src 修改图片时,直接修改ng-src的表达式值,动态修改
- ng-href 和ng-src基本一致,相对来说会安全一些
* ng-cleck 单选或复选框
<div>
<legend>ng-checked</legend>
<input type="checkbox" ng-model="ckeckAll" >全选或全不选
</div>
<input type="checkbox" ng-checked="ckeckAll">周一<br>
<input type="checkbox" ng-checked="ckeckAll">周二<br>
<input type="checkbox" ng-checked="ckeckAll">周三<br>
<input type="checkbox" ng-checked="ckeckAll">周四<br>
<input type="checkbox" ng-checked="ckeckAll">周五<br>
- ng-disable 设置输入框为不可用状态,值为true
- ng-readonly 设置输入框为只读
- ng-switch ng-switch-when && switch-case 布尔值,true的时候显示相应的标签