属性 'childCom1' 在类型 'parentCom' 上不存在，当 Com1 和 Com2 是兄弟时触发函数

Question

我想从childCom2触发childCom1的一个功能。 childCom1 和 childCom2 是兄弟姐妹。为此，我使用了这个：（第一个答案）。

但是在我的父组件HTML中，childCom2 不识别childCom1（我的IDE 看到了）。我在编译时遇到以下错误：Property 'childCom1' does not exist on type 'parentCom'

我得到了以下代码

parentCom

<div class="row">
  <div class="col-2">
    <app-childCom2 (myEvent)="childCom1.function()">
    </app-childCom2>
  </div>

  <div class="col-5">
    <div class="card">
      <div class="card-header">
        Data Frame
      </div>
      <div class="card-body" *ngIf="this.jsonParametersService.isSpecificationFileLoaded">
        <app-childCom1 #childCom1></app-childCom1>
      </div>
    </div>
  </div>
</div>

childCom2

@Component({
  selector: 'app-childCom2',
  templateUrl: './childCom2.component.html',
  styleUrls: ['./childCom2.component.css']
})
export class childCom2 implements OnInit {
  opened = true;
  @Output() myEvent = new EventEmitter();

  constructor() { }

  ngOnInit(): void {
  }

  function($event) {
    this.myEvent.emit($event);
  }
}

Answer 1

这是由 *ngIf 引起的。我删除了 *ngIf 字段并将其写入特定组件。

属性 'childCom1' 在类型 'parentCom' 上不存在，当 Com1 和 Com2 是兄弟时触发函数

Property 'childCom1' does not exist on type 'parentCom' in case of trigger fonction when Com1 and Com2 are siblings

javascript

function

siblings

angular