使用带有$ resource的Angular Spinner

Question

  

我在这里有角度微调器的问题，我有一个更新按钮   因为我正在使用旋转和加载需要在保存后停止   数据进入数据库而不使用任何超时功能我需要停止   加载   在这里，我使用$ resouce with promises（subject.update（））

  function assignLectureToSubject(subject) {
            subject.$update();
        }

HTML

 <td>                
     <button type="button" class="btn btn-primary btn-sm" ng-click="vm.assignLectureToSubject(subject)">Update</button>              
 </td>

Answer 1

根据您的角度版本，您可以将成功和失败回调传递给$update方法：

function assignLectureToSubject(subject) {
  // show spinner

  subject.$update(function(success) {
    // hide spinner here
  }, function(error) {
    // hide spinner here
  });
}

或使用finally回调：

subject.$update()
    .then(function(res)  { console.log("called on successful response") })
    .catch(function(req) { console.log("error saving obj"); })
    .finally(function()  { console.log("always called"); // hide spinner here });