发表于: 2017-07-10 22:50:13
1 988
今天完成的事情:
准备小课堂。
Promise 是异步编程的一种解决方案。
所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。
仔细看了看angularJS $http请求服务
$http是Angular的一个核心服务,它有利于浏览器通过XMLHttpRequest 对象或者 JSONP和远程HTTP服务器交互。
设置HTTP请求头:"Content-Type": "application/x-www-form-urlencoded"
参数:
url:请求地址
method:请求方法 post
data:请求信息的数据
headers:对象,字符串或者函数返回表示发送到服务器的HTTP请求头。如果函数的返回值为空,则headers则不发送。函数接受一个配置对象作为参数。
params:将使用paramserializer序列化并且作为GET请求的参数
cache:boolean,如果为true,一个默认的$http缓存将被作为请求的缓存,否则如果存在一个用$cacheFactory创建的缓存实例,则将用于缓存
嵌套路由的使用:
最难理解的概念是状态名@。
当路由被请求时,我应该拿我的模板去替换那个区块?
哪里可以找到ui-view所指向的区块?
在ui-view使用的不是直接的templateUrl,而是包含该模板的状态
当ui-view和视图区块包含在应用程序的index.html中时,因为index.html没有定义任何状态,你应该设置为空字符串或者不设置。
$stateProvider
.state('login',{
url:'/login',
templateUrl:'views/login.html',
resolve:{
loadMyFile: _lazyLoad([
"css/login.css",
"js/login.js"
])
}
})
.state('back',{
url:'/back',
views:{
'':{
templateUrl:'views/back/back.html'
},
'@back':{
template:'<h1>欢迎来到萝卜王的领地!</h1>'
}
},
resolve:{
loadMyFile: _lazyLoad([
"css/back.css",
"js/back.js"
])
}
})
.state('back.list',{
url:'/list',
templateUrl:'views/back/list.html'
})
}]);
修改了样式问题。
ngRepeat:
该指令为集合中的每项都实例化一个模块。每个模块都有自己的scope,给定的循环变量将被设置为当前项,$index是他们的索引。
格式:ng-repeat=“value”
value:被循环的数组。
$index:当前索引。
$first:当循环的对象存在第一项时为true。
$middle:当循环的对象存在中间项时为true。
$last:当循环对象存在最后一项时为true。
$even:循环的对象在当前位置的"$index"(索引)是偶数则为true,否则为false。
$odd:循环的对象在当前位置的"$index"(索引)是奇数则为true,否则为false。
明天计划的事情:
做搜索框,分页
问题:
后台管理怎么显示登录状态,用户已登录,显示用户名
收获:
模板中不能插入body,html这样的标签
路由嵌套的使用
$http请求服务的使用
细节注意
评论