为什么aot编译器不会在缺少属性时出错?

使用以下代码:

<button (click)="myMethod()">myMethod()</button>
<!-- <button (click)="foo()">foo()</button> -->

<ng-container [ngSwitch]="state">
  <ng-container *ngSwitchCase="0">
    <div></div>
    <button (click)="myMethod()">myMethod()</button>
    <button (click)="foo()">foo()</button><!-- why no error -->
  </ng-container>
  <div *ngSwitchCase="1"></div>
</ng-container>

组成部分

export class MyComponent {

  public state = 0;

  public myMethod(): void {
    // no op
  }

}

ng build --aot

类型“MyComponent”上不存在属性“foo”。

<button (click)="foo()">foo()</button> 内部 ng-container 不是错误吗?

在你建议之前:

<div *ngSwitchCase="0">
  <div></div>
  <button (click)="myMethod()">myMethod()</button>
  <button (click)="foo()">foo()</button><!-- why no error -->
</div>

那将变成

<div>
  <div></div>
  <button>myMethod()</button>
  <button>foo()</button>
</div>

但我只需要

<div></div>
<button>myMethod()</button>
<button>foo()</button>

围绕这一点还有其他的方法,但问题是在做出错误或壮举之前要有基本的理解。