欢迎使用CSDN-markdown编辑器

来源：互联网发布：电动汽车数据编辑：程序博客网时间：2024/05/01 16:20

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的时候显示相应的标签

0 0