在服务中可观察与仅使用this.service Angular 7

在Angular 7中，this.service是指当前组件中的服务实例。服务是一种可重用的代码块，用于处理组件之间共享的业务逻辑和数据。通过在组件的构造函数中注入服务，可以在组件中使用this.service来访问服务的方法和属性。

在服务中可观察是指服务可以返回一个可观察对象，用于在组件中订阅和处理异步数据。可观察对象是一种特殊的数据类型，它可以在时间上发出多个值，并且可以被多个观察者订阅。在Angular中，常用的可观察对象是通过RxJS库提供的Observable类创建的。

使用this.service来访问服务的方法和属性是一种同步的方式，即直接调用服务的方法或访问服务的属性。这种方式适用于不涉及异步操作的场景，例如简单的数据获取和处理。

然而，在许多情况下，我们需要处理异步操作，例如从服务器获取数据或与后端API进行通信。这时候，使用可观察对象可以更好地管理异步数据流。通过返回可观察对象，服务可以在数据准备好后通知组件，并且组件可以订阅这个可观察对象来获取数据。

在Angular 7中，可以使用RxJS的操作符（例如map、filter、mergeMap等）对可观察对象进行转换和处理。这些操作符可以帮助我们在服务中对数据进行各种操作，例如过滤、映射、合并等。

对于Angular 7中的服务，可以使用以下步骤来实现可观察对象的使用：

在服务中定义一个方法，该方法返回一个可观察对象。例如：

import { Observable } from 'rxjs';

@Injectable()
export class DataService {
  getData(): Observable<any> {
    // 返回一个可观察对象，例如从服务器获取的数据
    return this.http.get('api/data');
  }
}

在组件中注入服务，并在需要的地方订阅可观察对象。例如：

import { Component, OnInit } from '@angular/core';
import { DataService } from 'path/to/data.service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  data: any;

  constructor(private dataService: DataService) { }

  ngOnInit() {
    this.dataService.getData().subscribe((response) => {
      this.data = response;
    });
  }
}

在上面的例子中，组件在初始化时订阅了可观察对象，并在数据准备好后将数据赋值给组件的data属性。这样，组件就可以在模板中使用this.data来展示数据。

对于可观察对象的进一步处理，可以使用RxJS的操作符来进行转换和组合操作。例如，可以使用map操作符对数据进行映射，使用filter操作符对数据进行过滤等。

总结起来，使用this.service可以直接访问服务的方法和属性，适用于同步操作。而在服务中可观察是指服务返回一个可观察对象，用于处理异步操作。通过订阅可观察对象，组件可以在数据准备好后获取数据并进行相应的处理。在Angular 7中，可以使用RxJS的操作符对可观察对象进行转换和处理。