无法使用模板变量调用函数

Question

@Component({
  selector: 'modal',
  ...
})
export class SimpleModal {
  modalOpen: boolean;

  isModalOpen(): boolean {
    return this.modalOpen;
  }
}

<modal #modalRef>
  <div *ngIf="modalRef.isModalOpen()">...</div>
</modal>

错误（测试）： TypeError: jit_nodeValue_9(...).isModalOpen is not a function

我猜那些功能还没有创建？检查*ngIf="modalRef.modalOpen没有问题，但是如果modalOpen是私有字段怎么办？我是否必须在组件中创建一个外部方法，该方法使用模态通过ViewChild在那里检查模态是否打开？

Answer 1

答案是为模态创建一个存根组件，并在spec文件中声明它。