我爱编程

angular基础

2017-02-06  本文已影响0人  六月太阳花
  1. 方法 ：
    angular.bind() 改变this指向
    angular.copy() 复制对象
    angular.element() 开启小型jQuery
    angular.equals() 比较 NaN===NaN
    angular.forEach() 循环 数组json
    angular.extend() 继承
    angular.isArray() 判断数组
    angular.isDate() 判断时间
    angular.lowercase() 转小写
    angular.module() 开启模块化
  2. 命名空间
    ng-
  3. 模板
    {{name}}
  4. 数据
    input ng-model="name"
  5. ng-app:开启angular应用模式
    管辖范围
    ng-app一个页面只能出现一次
    把ng-app放到html里面
  6. 指令：扩展html语法
    ng-show="true/false"
    ng-hide="true/false"
    ng-init="name=value"
    事件
    表单
    ng-click
    ng-mouseover
    ng-mouseout
    非表单
    angular.element(obj).on('click',fn);
    循环
    ng-repeat="name in obj" {{name}}
  7. angular特色
    双向数据绑定/依赖注入
    依赖注入：函数传参名字定死，跟顺序无关
  8. angular控制器：
    版本在1.2.x之前
    ng-controller="函数名" 控制器
    scope 全局对象，有点类似于window 版本在1.3.x之后 html ng-app="app" var app=angular.module('app',[]); app.controller(函数名,fn); 控制器父子级会继承 互相传值 父级scope.on('data',function (event,data){scope.a=data;
    scope.broadcast('new-data',相传的东西);
    });
    子级
    scope.on('new-data',function (event,data){
    scope.a=data; });scope.$emit('data',5);
上一篇下一篇

猜你喜欢

热点阅读