在 Angular 2 中扩展 Primeng Autocomplete 组件答案

【问题标题】：Extending Primeng Autocomplete component inside Angular 2在 Angular 2 中扩展 Primeng Autocomplete 组件
【发布时间】：2018-01-18 12:06:28
【问题描述】：

我正在尝试将 PrimeNg 自动完成组件扩展到 angular 内。我需要在keyup.enter 上添加事件，以便我可以使它的行为类似于通过自动完成选择或创建新的。我复制了模板 html 并添加了 NG_VALUE_ACCESSORS 引用 Extending a PrimeNg component inside Angular2 和 Extending components in PrimeNG

我仍然收到以下错误：

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

【问题讨论】：

请更正您的标签
将 Domhandler 添加为提供者

标签： angular autocomplete primeng

【解决方案1】：

在您的装饰器中，添加到提供程序“DomHandler”。

例如：

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

【讨论】：