发表于: 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()函数接受两个可选的函数作为参数,表示successerror状态时的处理,也可以使用successerror回调代替: 

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){
// 处理非成功的响应
});


明天要做的事情:

写代码,测试完善


遇到的问题:

暂无


收获:

增删改查其实考察的就是数据的传递罢了,不同的方式传递信息,然后命令操作





返回列表 返回列表
评论

    分享到