Ошибка при тестировании пакета ng-bootstrap v1.0.0: - PullRequest
0 голосов
/ 12 сентября 2018

Я пытаюсь сделать фильтр головы типа с пакетом начальной загрузки v 1.0.0, потому что у меня есть угловой 5 и начальная загрузка 4, как на этом сайте: [https://ng -bootstrap.github.io / # / Getting-Start] [1]

но проблема в том, что у меня есть эта ошибка:

Ошибка: ошибки синтаксического анализа шаблона: невозможно связать с 'ngTypeahead', поскольку это не известное свойство 'input'

html-файл моего компонента:

<code><label for="typeahead-basic">Search for a state:</label>
<input id="typeahead-basic" type="text" class="form-control"    [(ngModel)]="model" [ngTypeahead]="search"/>

<pre>Model: {{ model | json }}

в файле ts:

import { debounceTime, distinctUntilChanged, map } from 'rxjs/operators';
import { User } from '../models/user';
import { UsersService } from '../services/users.service';

 const states = ['Alabama', 'Alaska', 'American Samoa', 'Arizona', 'Arkansas', 'California', 'Colorado']

export class TestComponent implements OnInit {
public model: any;

search = (text$: Observable<string>) =>
text$.pipe(
  debounceTime(200),
  distinctUntilChanged(),
  map(term => term.length < 2 ? []
    : states.filter(v => v.toLowerCase().indexOf(term.toLowerCase()) > -1).slice(0, 10))
)
/*************************** */
 ......

в app.module.ts:

  import { NgbModule, NgbTypeahead, NgbTypeaheadModule } from '@ng-bootstrap/ng-bootstrap';

 imports[ NgbModule,
 NgbTypeaheadModule.forRoot()]

в файле package.json:

 "@ng-bootstrap/ng-bootstrap": "^1.0.0",
 "@swimlane/ngx-datatable": "^11.2.0",
 "bootstrap": "^4.1.3",  

спасибо за вашу помощь

1 Ответ

0 голосов
/ 17 сентября 2018

проблема возникает из-за того, что Ян предложил: думаю, это должно быть [ngbTypeahead] = "поиск", а не ngTypeahead

и все работает

...