angular基础

作者: 六月太阳花 | 来源:发表于2017-02-06 09:43 被阅读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);

    相关文章

      网友评论

        本文标题:angular基础

        本文链接:https://www.haomeiwen.com/subject/ofrcbttx.html