在 Angular 中处理组件中的服务数据

Question

在我的 angular 应用程序中，我在服务中存储了类别。在我的组件中，我从数组中删除第一个类别并显示它。第一类是"ALL"，我不想显示它。

因此，当我在组件中编辑 createCategories 数组时，服务数据也会发生变化。如何保持原始数据在服务中，只在组件中操作数据？

下面是组件中的代码：

this.createCategories = this.myServ.getCategories();
this.createCategories.splice(0, 1);

服务getCategories方法：

public getCategories() {
   return this.categories;
}

现在发生的事情是每次我们调用组件时，都会从数组和服务中删除一个类别。

请指导。

Answer 1

例如，您可以使用数组函数。让我们尝试使用过滤器：

public getCategories() {
  return this.myServ.getCategories()
    .filter((el, index, array) => index !== 0);
}

这将return一个没有第一个元素的新数组。

Manipulating service data in component in Angular