在组件上实现ControlValueAccessor的Angular2指令给出了错误

时间:2017-04-19 11:08:01

标签: angular ionic2 angular2-forms angular2-directives

我正在尝试使用内置的[(ngModel)]指令在角度2中创建自定义日期指令。
根据angular2 docs(以及我发现的各种博客),我实现了ControlValueAccessor接口,如果我将指令放在<input />元素上,它就可以正常工作。

<input name="birthday" my-date [(ngModel)]="model.birthday" />

当我将指令放在另一个组件上时,我收到以下错误:

<other-input name="birthday" [(ngModel)]="model.birthday" my-date></other-input>
  

多个自定义值访问器将表单控件与未指定的名称属性匹配

从上面的代码看起来,我已经指定了name属性。所以我坚持这个例外,我找不到任何有用的东西。这是ControlValueAccessor界面的某种限制吗?

other-input组件是第三方组件,我无法对其进行任何更改。此外,我想在许多组件上使用它(例如也在离子输入上),而不仅仅是一个。关于如何解决这个问题的任何建议或想法都是受欢迎的!

ps:我正在使用Angular 2.4.0 with typescript

0 个答案:

没有答案