边界指令 ng-app
<html ng-app=""></html>呈现指令
{{}}来呈现NG变量信息指令 ng-model:保存有用户输入的NG变量(表单标签)
绑定指令:将NG变量绑定到标签上 用于非输入性的标签 NG框架加载失败也不会报错
初始化:NG变量进行初始化
angular.module用于生产NG页面数据模型声明控制器 ng-controller
控制器:操作数据以及视图的部件
只要声明一个标签有用控制器,这个控制器就必须定义,否则报错ng-repeat 可以去页面观看,每一个都使用了ng-repeat 还自动生成了class
方法:生成模型
语法:
var 页面数据模型=angular.module('边界名称',[注入信息])生成页面控制器
页面数据模型.controller('控制器名称',['scope){}])构建路由
页面数据模型.config(['routerProvider){
$routerProvider.
.when('/页面代号',{
template:'要加载的页面的url地址'(以路由地址为起点),
controler:'对应页面的控制器名称'
})
·····
.otherwise({
redirectTo:'/默认加载页面代号'
})
}])过滤服务$filter:格式化数据 系统服务 但是支持自定义
语法:{{任意内容|过滤器}}
自定义过滤服务:
app.filter('自定义过滤器名称',function(){
return function(text){
//对text操作
}
})系统内置服务
时间轴:间隔调用timeout 清除时间轴内容服务
监听服务:scope.$watch('想要监听的字符串或者表达式',function(){})
循环定时
- 自定义服务
value
app.value('服务名',{服务内容Jasn})
constant
类似于value,但是一旦被注入,无法更改,并且多个constant只有第一个起作用
app.constant('服务名',{服务内容Jasn})
factory:返回一个对象
service:服务内部所有内容必须通过this操作
provider
app.provider('服务名',this.$get=fubction(){})
- 自定义指令
页面数据模型.directive('',function(){
return{
restrict:'指令类型',
template:'指令结构',
replace:'指令复写'
}
})