Angular 2无法读取属性＆＃39; Symbol（Symbol.iterator）＆＃39;未定义的

Question

据我所知，这个错误与我return数据的方式有关。但是，我无法找到我错过了返回语句的位置，或者根本不是问题...当我从前端删除某些内容时发生错误这里是删除函数的代码以及我的错误处理：

组件

    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问题，但似乎没有一个能帮助我解决我的问题。谢谢你的帮助。

这里也是错误的图像

修改

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

Answer 1

首先，您不应该在this._dataservice.Delete（）调用之外删除myPosts数组中的项目。在此调用完成之前，您不知道该帖子是否实际上已被您的其他服务删除，但是当您知道实际的删除结果时，您已经在客户端上将其删除了，这可能会因为一系列原因而失败。这是不可靠的逻辑。

现在，到了重点。由于我们没有在您的应用程序（以及大多数应用程序）中看到实际的数据交换，我们所能做的最好的就是猜测。我的猜测是这段代码有问题：

this._dataservice.Delete(id)
    .subscribe((res) => {
      this.myPosts = res;
    });

特别是我会在调用json（）之前检查作为res参数返回给你的内容，甚至在http.delete（）。map（）调用的服务中更早。我怀疑它收到了错误的价值或类似的东西。

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