Question

使用最新的Angular2 Webpack Starter（v5.4.1。/ Angular 2.4.6）我试图使用AoT编译器构建我的代码。在自定义表单输入组件中，我有host binding

@Component({
  selector: 'my-selector',
  templateUrl: 'mycustominput.component.html',
  host: {'(input-blur)': 'onInputBlur($event:any)'},
  providers: [INPUT_VALUE_ACCESSOR]
})

npm run build:aot:prod的构建运行失败并显示此消息

[at-loader] Checking finished with 2 errors
Error in bail mode: [at-loader] compiled/src/app/views/mycustominput.component.ngfactory.ts:142:35 
TS2346: Supplied parameters do not match any signature of call target.

ngfactory中的相应行（142）是：

141  if ((eventName == 'input-blur')) {
142    const pd_sub_0:any = ((<any>this.context.onInputBlur($event)) !== false);
143    result = (pd_sub_0 && result);
144  }

显然它与主机绑定有关。在使用JIT编译的开发构建中，此代码没有问题。任何想法如何解决这个问题？

Answer 1

哦，我的坏。 AoT现在抱怨的只是我组件中回调方法中缺少的event参数。

已更改

public onInputBlur() {...}

到

public onInputBlur(event) {...}

AoT编译中的Angular2主机绑定问题

1 个答案: