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

时间:2017-02-21 16:30:54

标签: angular compiler-errors aot angular2-hostbinding

使用最新的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编译的开发构建中,此代码没有问题。任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

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

已更改

public onInputBlur() {...}   

public onInputBlur(event) {...}