在 Angular 2 中扩展 Primeng 自动完成组件

Question

我正在尝试在角度内扩展PrimeNg自动完成组件。我需要在keyup.enter上添加事件，以便我可以使其表现得像通过自动完成选择或创建新的。 我复制了模板 html 并添加了引用在 Angular2 中扩展 PrimeNg 组件和在 PrimeNG 中扩展组件的NG_VALUE_ACCESSORS

我仍然收到以下错误：

错误

错误：没有 DomHandler 的提供程序！
在注入错误 (core.es5.js：1169( at noProviderError (core.es5.js：1207( at ReflectiveInjector_.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_.throwOrNull (core.es5.js：2649( at ReflectiveInjector.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_.getByKeyDefault (core.es5.js：2688( at ReflectiveInjector.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_.getByKey (core.es5.js：2620( at ReflectiveInjector.webpackJsonp.../../../core/@angular/core.es5.js.ReflectiveInjector_.get (core.es5.js：2489( at resolveNgModuleDep (core.es5.js：9475( at NgModuleRef_.webpackJsonp.../../../core/@angular/core.es5.js.NgModuleRef_.get (core.es5.js：10557( at resolveDep (core.es5.js：11060( at createClass (core.es5.js：10924(

Answer 1

在你的装饰器中，添加到提供者'DomHandler'。

例如：

@Component({
selector: 'my-selector',
providers: [{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => MyClass),
multi: true
}, DomHandler],
template: ``
})
export class MyClass {}