如何在选择器Angular中访问组件的上下文

Question

我需要在其他组件内的组件选择器内访问组件上下文。

我尝试使用ng-content和ElementRef进行访问，但是我不知道如何在组件的标签内传递myVar，然后使用自定义管道。

示例：

@Component({
  selector: 'say-hi',
  template: `<ng-content></ng-content>`
})
export class SayHiComponent {
  myVar = 'Hello world';
}


@Component({
  selector: 'main',
  template: `<say-hi>{{myVar | uppercase}}</say-hi>`   // HELLO WORLD
})