因此,我有一个格式化值访问器指令:
const CUSTOM_VALUE_ACCESSOR = new Provider(
NG_VALUE_ACCESSOR, { useExisting: forwardRef(() => NumbersValueAccessor), multi: true });
@Directive({
selector: 'input[format]',
host: { '(input)': 'onMyChange($event.target.value)' },
providers: [CUSTOM_VALUE_ACCESSOR]
})
export class NumbersValueAccessor extends DefaultValueAccessor {
//...
}
然后我用它就像
@Component({
templateUrl: 'frequencyPage.html'
, moduleId: module.id
, directives: [/*...*/ NumbersValueAccessor]
})
export class FrequencyPage //...
在html中为
<input format="{number:true}" [(ngModel)]="test.alpha"/>
它是实例化的,但是看看JIT编译好的模板代码:
self._DefaultValueAccessor_32_3 = new jit_DefaultValueAccessor3(self.renderer,new jit_ElementRef18(self._el_32));
self._Token_NgValueAccessor_32_4 = [
self._DefaultValueAccessor_32_3,
self._DefaultValueAccessor_32_3
]
;
self._NgModel_32_5 = new jit_NgModel5(null,null,null,self._Token_NgValueAccessor_32_4);
self._NgControl_32_6 = self._NgModel_32_5;
self._NgControlStatus_32_7 = new jit_NgControlStatus7(self._NgControl_32_6);
self._NumbersValueAccessor_32_8 = new jit_NumbersValueAccessor8(self.renderer,new jit_ElementRef18(self._el_32));
它是在ngModel之后创建的,因此不会传递给它,因此当我实际编辑输入时,它就是被调用的默认值访问器。,我错过了什么?
编辑:我发现了一件事:如果不是扩展DefaultValueAccessor,而是从头开始重新实现ControlValueAccessor,那么它就能工作。是angular2 2的模板编译器中的一个bug吗?
发布于 2016-07-12 05:31:06
它是angular2 2模板编译器中的一个bug吗?
是的,github已经存在多个问题:
https://github.com/angular/angular/issues/9146#issuecomment-230410616
似乎装饰器无法覆盖angular2类的元数据。
更多与此元数据错误相关的问题:
https://stackoverflow.com/questions/38325362
复制相似问题