如何在角度6中从一个组件到另一个组件获取值

Question

我有两个组件，comp1和comp2。

在这里我从comp1组件控制台获取一个值，我需要在我的comp2组件中使用该值。

当我使用comp1的选择器到comp2时，comp1的所有内容都被覆盖到comp2中。但是我只需要显示comp2组件的控制台值。这是下面的代码。

comp1.component.html

<div>hello world</div> 
<div>hello world</div> 
<div>hello world</div> 

comp1.component.ts

import { Component } from '@angular/core';
import { OnInit } from '@angular/core';
@Component({
  selector: 'comp1-root',
  templateUrl: './comp1.component.html',
  styleUrls: ['./comp1.component.css']
})
export class Component{
  let message = 'hello world message';
  console.log(this.message);
}

comp2.component.html

<comp1-root></comp1-root>