问题描述： 在Angular 7中，当尝试从子组件向父组件发送数据或从父组件向子组件发送数据时，出现通信错误。

解决方法：

1. 使用@Input()和@Output()装饰器：

   • 在子组件中，使用@Output()装饰器定义一个事件，并使用EventEmitter来发射事件。例如：

     import { Component, Output, EventEmitter } from '@angular/core';
     
     @Component({
       selector: 'app-child',
       template: `
         发送消息到父组件
       `
     })
     export class ChildComponent {
       @Output() messageEvent = new EventEmitter();
     
       sendMessage() {
         this.messageEvent.emit('这是从子组件发送的消息');
       }
     }
     

   • 在父组件中，使用@Input()装饰器来接收来自子组件的数据。例如：

     import { Component } from '@angular/core';
     
     @Component({
       selector: 'app-parent',
       template: `
         
         
     {{ message }}
       `
     })
     export class ParentComponent {
       message: string;
     
       receiveMessage($event) {
         this.message = $event;
       }
     }
     

2. 使用服务进行通信：

   • 创建一个共享的服务，用于在父组件和子组件之间共享数据。例如：

     import { Injectable } from '@angular/core';
     import { Subject } from 'rxjs';
     
     @Injectable()
     export class DataService {
       private messageSource = new Subject();
       message$ = this.messageSource.asObservable();
     
       sendMessage(message: string) {
         this.messageSource.next(message);
       }
     }
     

   • 在子组件中，使用服务发送消息。例如：

     import { Component } from '@angular/core';
     import { DataService } from './data.service';
     
     @Component({
       selector: 'app-child',
       template: `
         发送消息到父组件
       `
     })
     export class ChildComponent {
       constructor(private dataService: DataService) {}
     
       sendMessage() {
         this.dataService.sendMessage('这是从子组件发送的消息');
       }
     }
     

   • 在父组件中，使用服务接收消息。例如：

     import { Component, OnDestroy } from '@angular/core';
     import { DataService } from './data.service';
     import { Subscription } from 'rxjs';
     
     @Component({
       selector: 'app-parent',
       template: `
         
     {{ message }}
       `
     })
     export class ParentComponent implements OnDestroy {
       message: string;
       private subscription: Subscription;
     
       constructor(private dataService: DataService) {
         this.subscription = this.dataService.message$.subscribe(message => {
           this.message = message;
         });
       }
     
       ngOnDestroy() {
         this.subscription.unsubscribe();
       }
     }
     

这些解决方法可以帮助您在Angular 7中解决子组件到父组件和父组件到子组件的通信错误。