Angular 4. 我不能使用自动完成 - primeNG答案

【问题标题】：Angular 4. I can not use Autocomplete - primeNGAngular 4. 我不能使用自动完成 - primeNG
【发布时间】：2017-10-29 02:05:58
【问题描述】：

我正在学习使用 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 中引用了组件和服务。我可能做错了什么？

【问题讨论】：

您必须在您自己的模块中引用autocompleteModule，您已经在其中放置了组件。你可以把它放在 Module 装饰器的 imports 属性中，如果你想在共享模块中使用它，也可以放在 exports 中。
你没有import {AutoCompleteModule} from 'primeng/primeng'; 到你的app.module
哦，我不知道我也必须在 app.module.ts 中这样做。非常感谢，现在已经成功了！

标签： javascript angular typescript autocomplete

【解决方案1】：

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

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

【讨论】：