javascript - Angular 4.我无法使用自动完成 - primeNG

Question

我正在学习使用 Angular 4，在努力学习的过程中，我想安装 PrimeNG 的 Autocomplete 元素，但出现以下错误:

我的项目是基本的，我有以下内容:

autocomplete.component.ts

import { AutoCompleteModule } from 'primeng/primeng';
import { Component, OnInit } from '@angular/core';
import { AutocompleteService } from '../../servicios/autocomplete.service';

@Component({
  selector: 'app-autocomplete',
  templateUrl: './autocomplete.component.html'
})
export class AutocompleteComponent implements OnInit {

   text: string;
   results: string[];

   search(event) {
      console.log( event.query )
      //   this.mylookupservice.getResults(event.query).then(data => {
      //       this.results = data;
      //   });
   }

  constructor( private _autocompleteService:AutocompleteService ) { }

  ngOnInit() {
  }

}

autocomplete.service.ts

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class AutocompleteService {
   datos:any[] = [];
   urlBusqueda:string = "http://localhost:3000/consultas/";

   constructor( private http:Http ) {  }

   getDatos(termino:string){
      console.log( termino );

      // let query = `${ termino }`
      // let url = this.urlBusqueda + query;
      // return {};
      // console.log( url );
   }

}

此外，我在app.module.ts中引用了组件和服务。我可能做错了什么？

Answer 1

上面的建议对我不起作用，但是this确实有效 - 我需要将 FormsModule 添加到我的共享模块中，例如:

//...
import { FormsModule } from '@angular/forms'; 
import { AutoCompleteModule } from 'primeng/primeng';
//...
@NgModule({
  imports: [ 
    //...
    FormsModule,
    AutoCompleteModule,
    //...
 ]
//...