2019-07-16

  1. 边界指令 ng-app

  2. 呈现指令
    {{}}来呈现NG变量

  3. 信息指令 ng-model:保存有用户输入的NG变量(表单标签)

  4. 绑定指令:将NG变量绑定到标签上 用于非输入性的标签 NG框架加载失败也不会报错

  5. 初始化:NG变量进行初始化
    angular.module用于生产NG页面数据模型

  6. 声明控制器 ng-controller
    控制器:操作数据以及视图的部件
    只要声明一个标签有用控制器,这个控制器就必须定义,否则报错

  7. ng-repeat 可以去页面观看,每一个都使用了ng-repeat 还自动生成了class
    方法:

  8. 生成模型
    语法:
    var 页面数据模型=angular.module('边界名称',[注入信息])

  9. 生成页面控制器
    页面数据模型.controller('控制器名称',['scope){}])

  10. 构建路由
    页面数据模型.config(['routerProvider){
    $routerProvider.
    .when('/页面代号',{
    template:'要加载的页面的url地址'(以路由地址为起点),
    controler:'对应页面的控制器名称'
    })
    ·····
    .otherwise({
    redirectTo:'/默认加载页面代号'
    })
    }])

  11. 过滤服务$filter:格式化数据 系统服务 但是支持自定义
    语法:{{任意内容|过滤器}}
    自定义过滤服务:
    app.filter('自定义过滤器名称',function(){
    return function(text){
    //对text操作
    }
    })

  12. 系统内置服务

时间轴:间隔调用timeout 清除时间轴内容服务
监听服务:scope.$watch('想要监听的字符串或者表达式',function(){})
循环定时

  1. 自定义服务
    value
    app.value('服务名',{服务内容Jasn})
    constant
    类似于value,但是一旦被注入,无法更改,并且多个constant只有第一个起作用
    app.constant('服务名',{服务内容Jasn})

factory:返回一个对象
service:服务内部所有内容必须通过this操作
provider
app.provider('服务名',this.$get=fubction(){})

  1. 自定义指令
    页面数据模型.directive('',function(){
    return{
    restrict:'指令类型',
    template:'指令结构',
    replace:'指令复写'
    }
    })

你可能感兴趣的:(2019-07-16)