• angularJS


    一、AngularJS是什么?
    1.AngularJS是一个前端JS框架。
    2.JQ是侧重于DOM操作的。Angular是侧重数据的操作。
    3.Angular的特点:MVVM,数据双向绑定,模块化。依赖注入,语义化
    标签。
    4.诞生于2009年,创始人为MiskoHevery,后为google收购。
    二、AngularJS的使用
    1.引用方式:a.使用cdn服务
    b.下载到本地引用
    2.下载:到angular.min.js下载本地
    3.应用script src......
    ng-app="";表示这个部分引用angularJS。
    ng-model="name"绑定变量
    ng-blind指令把应用程序变量name绑定在摸个段落的innerHTML
    ng-init=""定义变量;
    三、angu指令
    就是一些附加到HTNK元素上的定义标记,甚至操作DOM和改变DOM
    控制和服务那样,你也可以创建自己的指令来使用:
    2.指令分类:系统指令和自定义指令;
    系统指令:ngApp告诉浏览器识别angular语法。注意ng-app在一个页面中只能出现一次,且只有一次。
    自定义指令:
    a.JS中有个对象window
    b.angular.js中有个全局对象叫angular
    步骤:{
    1.创建模块:angular.module('模块名','依赖其他的模块')
    2.创建指令 module.redirective('指令名',function(){
    return {
    template:"",模块内容
    restrict:"EAMC",设置指令的调用方式(E:element,A:attribute,C:class,M:)
    resplace:true,注释调用。
    transclude:true,表示在后面添加一个标签.
    templateUrl:"",添加一个标签
    }
    })
    }
    3.注意:
    a.指令必须遵循坨峰命名法。
    b.指令调用时使用小写,多个词之间用“-”隔开。

    四、控制器
    1.创建函数,创建变量,可以使用系统服务
    2、公职器一般都配合服务使用:$http , $scope ...
    3、创建控制器:
    a、创建模块
    b、创建控制器:
    controller('控制器名' , function(服务1 , 服务2){

    })

    五、服务
    1、实际上是封装的window对象的一些方法或对象
    2、$scope:作用域,每一个控制器都有一个作用域,可以将控制器内的函数、变量保存到$scope中,这样就可以直接在页面(html)中使用
    3、$http:是Angular的核心服务,它有利于浏览器通过XMLHttpRequest
    4、$http使用:$http("post")

    六、过滤器(filter)
    1、格式化表达式中的值,可以再视图、控制器、服务中使用
    2、系统自带过滤器:currency,格式化一个值为货币格式
    lowercase , uppercase , orderBy
    3、过滤器使用:在HTML中使用:{{需要格式化的值|过滤器名称:[参数1,参数2]}}
    4、自定义过滤器:
    a、创建模块 — 过滤器必须单独创建模块
    b、创建过滤器:filter('过滤器名' , function(){
    return function(input[其他参数]){ //返回一个过滤方法,input为需要过滤的数值
    return 过滤之后的数据
    }
    })
    5、自定义过滤器的调用:
    a、依赖注入 — 在需要使用的过滤器模块中调用
    b、在系统中与页面调用一样即可

    1.实际上是封装的window对象的一些方法或对象。
    2.$score作用域每一个控制器都有的一个作用域,可以将控制器内的函数,变量保存到¥score中,这样可以直接在html页面显示出来。
    3.过滤器的使用在HTML中的使用;{{需要格式化的值|过滤器的名称}}
    4.自定义过滤器:a.创建模块=》过滤器必须单独创建模块
    b.创建过滤器:filter("过滤器名",function(){
    return function(数据,值){
    return 过滤后的值。
    }
    })
    5.自定义过滤器的调用,依赖注入=》在需要使用过滤器的模块来调用

    七、全局函数
    1.angular对象自带函数
    2. angular.isArray();判断一个值是否是数组。
    八、点击事件
    ng-click="get()";
    九、路由设置
    1.ngRoute:路由模块=》单独的,不包含

  • 相关阅读:
    算法题---最长公共前缀
    算法练习题---罗马数字转int
    算法练习题---原地删除数组元素
    获取当前服务的IP和端口号
    算法练习题---回文数
    Java数学表示式解析工具- jeval
    Redis的安装与部署
    Centos开机自启动redis
    Java 7 的 7 个新的 “酷” 特性
    java7新特性——使用ThreadLocalRandom产生并发随机数
  • 原文地址:https://www.cnblogs.com/zouxianlu/p/6772520.html
Copyright © 2020-2023  润新知