Question

我正在尝试使用Bootstrap软件包v 1.0.0进行头过滤，因为我有角5和引导4，例如在此站点中：[https://ng-bootstrap.github.io/#/getting-started][1]

但是问题是我有这个错误：

错误：模板解析错误：由于它不是'input'的已知属性，因此无法绑定到'ngTypeahead'

我的组件html文件：

<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 }}</pre>

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",

感谢您的帮助

Answer 1

问题是由伊恩建议的：认为应该是[ngbTypeahead] =“ search”而不是ngTypeahead

它有效

测试ng-bootstrap v1.0.0软件包时出错：

1 个答案: