angularJs实现修改功能

Posted 丁春秋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularJs实现修改功能相关的知识,希望对你有一定的参考价值。

思路: 对表单中内容进行修改,首先需要获取这个内容,再进行修改,再清空弹窗中的内容

//查询实体
$scope.findOne=function(id){
    $http.get(../brand/findOne.do?id=+id).success(
    function(response){
    $scope.entity= response;
    }
  );
}

第一步获取相应实体‘

<button  type="button"  class="btn  bg-olive  btn-xs"  data-toggle="modal"
data-target="#editModal" ng-click="findOne(entity.id)" >修改</button>

第二步保存数据:

$scope.save=function(){
    var methodName=add;//方法名称
    if($scope.entity.id!=null){//如果有 ID
    methodName=update;//则执行修改方法
} 
$http.post(../brand/+ methodName +.do,$scope.entity ).success(
    function(response){
    if(response.success){
//重新查询
    $scope.reloadList();//重新加载
    }else{
    alert(response.message);
  }
  } 
  );
}

 

以上是关于angularJs实现修改功能的主要内容,如果未能解决你的问题,请参考以下文章

《java精品毕设》基于javaweb宠物领养平台管理系统(源码+毕设论文+sql):主要实现:个人中心,信息修改,填写领养信息,交流论坛,新闻,寄养信息,公告,宠物领养信息,我的寄养信息等(代码片段

初入AngularJS基础门

AngularJS ——ngResourceRESTful APIs 使用

AngularJS

AngularJS入门学习笔记一

IOS开发-OC学习-常用功能代码片段整理