Angular 2无法读取属性';Symbol(Symbol.iterator)和#x27;未定义的

Angular 2无法读取属性';Symbol(Symbol.iterator)和#x27;未定义的,angular,angular2-services,Angular,Angular2 Services,据我所知,这个错误与我返回数据的方式有关。然而,我无法找出我在哪里遗漏了我的返回声明,或者这根本不是问题所在。。。当我从前端删除某些内容时会发生错误。以下是我的删除函数的代码以及我的错误处理: 组件 delete(id){ console.log(id); this._dataservice.Delete(id) .subscribe((res) => { this.myPosts = res; });

据我所知,这个错误与我返回数据的方式有关。然而,我无法找出我在哪里遗漏了我的返回声明,或者这根本不是问题所在。。。当我从前端删除某些内容时会发生错误。以下是我的删除函数的代码以及我的错误处理:

组件

    delete(id){
      console.log(id);
       this._dataservice.Delete(id)
        .subscribe((res) => {
          this.myPosts = res;
        });
          var index = this.myPosts.findIndex(x => x.id == id);
          this.myPosts.splice(index, 1);
   }
服务

public Delete = (id: string) =>{
       return this._http.delete(this.actionUrl + id)
          .map(res => res.json())
          .catch(this.handleError);
    }    

     private handleError(error: any) {
         if(error != null && error.headers != null){
        var applicationError = error.headers.get('Application-Error');
        var serverError = error.json();
        var modelStateErrors: string = '';

        if (!serverError.type) {
            console.log(serverError);
            for (var key in serverError) {
                if (serverError[key])
                    modelStateErrors += serverError[key] + '\n';
            }
        }

            modelStateErrors = modelStateErrors = '' ? null : modelStateErrors;

            return Observable.throw(applicationError || modelStateErrors || 'Server error');
        }
    }
我看了一眼其他关于同一问题的SO问题,但似乎没有一个能帮助我解决问题。谢谢你的帮助

这里还有一个错误的图像

编辑


另外值得注意的是,这个错误实际上并没有破坏我的应用程序。它仍然会删除我要删除的项。就功能而言,一切正常,但仍会引发此错误。

首先,您不应该从myPosts数组中删除此之外的项。\u dataservice.delete()调用。在该调用完成之前,您不知道该帖子是否被您的rest服务实际删除,但当您知道实际删除结果时,您已经在客户端上删除了该帖子,而实际删除结果可能会由于各种原因而不成功。这是不可靠的逻辑

现在,说到要点。由于我们在您的应用程序(以及大多数应用程序)中看不到实际的数据交换,因此我们只能猜测。我猜这段代码有问题:

this._dataservice.Delete(id)
    .subscribe((res) => {
      this.myPosts = res;
    });
特别是,在调用json()之前,我会在http.delete().map()调用中检查作为
res
参数返回给您的内容,甚至是服务中更早的内容。我怀疑它收到了错误的值或类似的东西


希望这会给你一些想法,但是再一次-如果你的应用程序没有看到它,你真的很难说出一些事情。从调用堆栈中甚至不清楚到底是什么失败了,我在angular/zone/rxjs源代码中找不到这样的东西。

这些问题对您有帮助吗?我在发布之前查看了这些,但没有任何帮助。我不知道在我的代码中哪里需要另一个return语句,或者我必须在哪里重置数组。由于该项正在按照您的意愿被删除,我想说您的错误指向不重置数组。似乎迭代器正在尝试读取不再存在的项,或者可能是越界索引。我不确定你会在哪里重置你的阵列,但这会把你推向正确的方向。希望这有帮助。它是什么?null:modelstatererrors<代码>模型状态错误本身是否相等?可能是吗?不,那也不行。。。