使用服务不工作的两个组件angular 6/7之间的交互

使用服务不工作的两个组件angular 6/7之间的交互可以通过以下方式实现：

创建一个共享服务（Shared Service）：在Angular中，可以创建一个共享服务来实现组件之间的数据交互。共享服务是一个普通的Angular服务，可以在多个组件之间共享数据和方法。可以使用Angular的依赖注入机制将共享服务注入到需要使用它的组件中。
在共享服务中定义需要共享的数据和方法：在共享服务中，可以定义需要在组件之间共享的数据和方法。可以使用BehaviorSubject、Subject或者普通的变量来存储数据，并提供相应的方法来获取和修改数据。
在组件中使用共享服务：在需要使用共享数据的组件中，可以将共享服务注入，并通过调用共享服务的方法来获取和修改数据。可以使用订阅机制来监听共享数据的变化。

以下是一个示例代码：

在共享服务中定义共享数据和方法：

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable()
export class SharedService {
  private dataSubject = new BehaviorSubject<string>(''); // 定义一个BehaviorSubject来存储共享数据
  public data$ = this.dataSubject.asObservable(); // 将BehaviorSubject转换为Observable供组件订阅

  setData(data: string) {
    this.dataSubject.next(data); // 修改共享数据
  }
}

在组件中使用共享服务：

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

@Component({
  selector: 'app-component1',
  template: `
    <h1>Component 1</h1>
    <input [(ngModel)]="data" (ngModelChange)="updateData()" placeholder="Enter data">
  `
})
export class Component1 implements OnInit {
  data: string;

  constructor(private sharedService: SharedService) {}

  ngOnInit() {
    this.sharedService.data$.subscribe(data => {
      this.data = data; // 订阅共享数据的变化
    });
  }

  updateData() {
    this.sharedService.setData(this.data); // 修改共享数据
  }
}

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

@Component({
  selector: 'app-component2',
  template: `
    <h1>Component 2</h1>
    <p>Data from Component 1: {{ data }}</p>
  `
})
export class Component2 implements OnInit {
  data: string;

  constructor(private sharedService: SharedService) {}

  ngOnInit() {
    this.sharedService.data$.subscribe(data => {
      this.data = data; // 订阅共享数据的变化
    });
  }
}

在上述示例中，Component1和Component2通过共享服务SharedService实现了数据的交互。当Component1中的输入框的值发生变化时，会调用updateData方法来修改共享数据，并通知Component2更新显示的数据。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求快速创建、部署和扩展云服务器实例。适用于各种应用场景，如网站托管、应用程序部署、大数据分析等。了解更多信息，请访问腾讯云云服务器。
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，可用于存储和处理各种类型的数据，如图片、视频、文档等。适用于数据备份、静态网站托管、多媒体存储和分发等场景。了解更多信息，请访问腾讯云对象存储。