发表于: 2017-05-21 23:09:10
1 1039
今天完成的事情
关于表格的增删改查功能:
ng-show
指令,主要功能是让某一个指定区域进行显示或者不显示。其值为boolean类型,默认为false。这样就避免了我们修改数据的时候要增加弹出页面。当我们进入表格页面时,$scope.grid.eidt=false
,编辑数据的div
就不会显示。而当我们点击编辑按钮时,只需要设置$scope.grid.eidt=true
,编辑区域就出来了,相应的就会隐藏显示数据的div
。是一个非常实用的指令。grid.add()
如果我们在controller中不写直接对应的add(),自定义指令中会默认执行xxx/add.do,这里的xxx对应的就是使用ed-grid
指令的ed-model="user"
的属性值。
grid.update()
调用修改时,ed-grid
会同add()一样,默认执行user/update.do
,删除方法也同增加和修改方法一样,默认执行user/delete.do
,但是都支持重载,重载的格式如下:$scope.grid = { update : function(){ ... }, delete : function(){ ... } }
ng-options
编辑框中的ng-options
指令,是解析之前显示框中的ng-options
指令的值在code
表中对应的值,只需要按照这个例子来书写,就可以完成以前的code
转换。实例:ng-options="opt.value as opt.name for opt in options.xxx"
最主要的是options.xxx
,这里的xxx
对应于显示框中的ng-options
的属性值。
关于使用$http常用的应用及参数:
var
promise = $http({
method:
"post"
,
// 可以是get,post,put, delete,head,jsonp;常使用的是get,post
url:
"./data.json"
,
//请求路径
params:{
'name'
:
'lisa'
},
//传递参数,字符串map或对象,转化成?name=lisa形式跟在请求路径后面
data:blob,
//通常在发送post请求时使用,发送二进制数据,用blob对象。
}).success(
function
(data){
//响应成功操作
}).error(
function
(data){
//响应失败(响应以错误状态返回)操作
then()
函数:可以使用then()
函数来处理$http服务的回调,then()
函数接受两个可选的函数作为参数,表示success
或error
状态时的处理,也可以使用success
和error
回调代替:
then(successFn, errFn, notifyFn)
,无论promise
成功还是失败了,当结果可用之后, then
都会立刻异步调用successFn
或者errFn
。这个方法始终用一个参数来调用回调函数:结果,或者是拒绝的理由。
在promise
被执行或者拒绝之前, notifyFn
回调可能会被调用0到多次,以提供过程状态的提示
promise.then(
function
(resp){
//响应成功时调用,resp是一个响应对象
},
function
(resp) {
// 响应失败时调用,resp带有错误信息
});
then()
函数接收的resp(响应对象)包含5个属性:
1. data(字符串或对象):响应体
2. status:相应http的状态码,如200
3. headers(函数):头信息的getter函数,可以接受一个参数,用来获取对应名字的值
4. config(对象):生成原始请求的完整设置对象
5. statusText:相应的http状态文本,如"ok"
或者使用success/error
方法,使用
//成功处理
promise.success(
function
(data, status, headers, config){
// 处理成功的响应
});
// 错误处理
promise.error(
function
(data, status, headers, config){
// 处理非成功的响应
});
明天要做的事情:
写代码,测试完善
遇到的问题:
暂无
收获:
增删改查其实考察的就是数据的传递罢了,不同的方式传递信息,然后命令操作
评论