javascript - 插入商店时如何收到错误?

标签 javascript angularjs angularjs-directive indexeddb

我正在使用 angular-indexedDB对于 AngularJS 中的 indexedDB。 如果插入不成功,我想收到错误消息。但是我没有收到任何错误,如果我运行相同的代码两次,因为我使名称唯一,它只是从函数中出现。

错误:

ConstraintError return _this.store.add(item);

ConstraintError req = this.store.openCursor();

代码:

angular.module('myModuleName')
  .controller('myControllerName', function($scope, $indexedDB) {

    $scope.objects = [];

    $indexedDB.openStore('people', function(store){

      store.insert({"ssn": "444-444-222-111","name": "John Doe", "age": 57}).then(function(e){console.log('inside insert');});

      store.getAll().then(function(people) {  
        // Update scope
        $scope.objects = people;
      });
    });
});

最佳答案

我认为在 promise .then 中添加错误回调应该可行

同时创建一个 getAll 方法来从 objects 中检索所有数据,其中执行 response.data 以获取从服务器返回的数据。

代码

angular.module('myModuleName')
  .controller('myControllerName', function($scope, $indexedDB) {

    $scope.objects = [];

    $scope.getAll = function(){
       store.getAll().then(function(response) {  
          // Update scope
          $scope.objects = response.data;
       });
    };
    $indexedDB.openStore('people', function(store){

       store.insert({"ssn": "444-444-222-111","name": "John Doe", "age": 57})
       .then(function(e){
           console.log('inside insert');
           //reload data only call get succeed
           $scope.getAll();
        }, function(error){
           //do error handling stuff here
           //you will get error returned from server here.
           console.log('Error here', error)
        });

    });
});

关于javascript - 插入商店时如何收到错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36235584/

相关文章:

javascript - 5秒不活动后结束游戏

javascript - 如何根据属性或链接文本在网站上查找元素(链接)(带有 jquery 的 javascript)

javascript - ngTouch ngClick 不冒泡

AngularJS:ngInclude 和动态 URL

javascript - elasticsearch 分析器 - 小写和空格分词器

javascript - 如何从 HTML 元素获取选定值并将该值传递给函数调用,

javascript - 如何构建一个包含许多脚本且 HTML 中只有一个脚本标签的 Angular 应用程序?

javascript - 禁用特定方向的滑动angularjs ionic 框架

javascript - 数组的 Angular Directive(指令)

angularjs - 如何在 Angular ui 网格中将 cellTooltip 与 cellTemplate 一起使用