在 ngx-bootstrap 中导入组件会引发“不是已知元素”错误答案

【问题标题】：importing components in ngx-bootstrap throws 'not a known element' error在 ngx-bootstrap 中导入组件会引发“不是已知元素”错误
【发布时间】：2018-06-12 19:17:01
【问题描述】：

我导入了日期选择器，它显示正常。

但是当我尝试导入预输入或按钮或其他任何内容时，我会收到 <whatever> is not a known element 错误。

我正在做的是像这样在app.module 中导入模块：

import {DatepickerModule} from 'ngx-bootstrap/datepicker';
import { TypeaheadModule } from 'ngx-bootstrap/typeahead';
import { ButtonsModule } from 'ngx-bootstrap/buttons';
// also tried:
// import { DatepickerModule, TypeaheadModule... } from 'ngx-bootstrap';
// ..but again no luck
...
imports: [
   DatepickerModule.forRoot(), //only this works 
   TypeaheadModule.forRoot(),
   ButtonsModule.forRoot(),
   ...]

然后以相同的方式在我的history.module 上，唯一的区别是现在省略了.forRoot()。

然后在我拥有的父历史组件的子组件上：

<span *ngIf="showFilters" class="value bootstrap-iso" >
  <div style="display:inline-block;">
    <datepicker
      [(ngModel)]="dt"
      [datepickerMode]="'month'"
      [showWeeks]="false"
      [dateDisabled]="dateDisabled"
      [maxDate]="today">
    </datepicker> 
  </div>
</span>

哪个有效，但例如这些不起作用：

<typeahead [typeahead]="'documents'"></typeahead>  
<btnCheckbox></btnCheckbox>

无论我是否包含 ngModel 或其他属性，我总是会收到 not a known element 错误。所以我认为这与我的导入、我的命名或其他有关，但老实说，我看不出缺少什么。

编辑：使用 Angular 4，"@angular/cli": "1.1.1","ngx-bootstrap": "^1.7.1","bootstrap": "^4.0.0-alpha.6","typescript": "~2.3.3"

【问题讨论】：

标签： ngx-bootstrap

【解决方案1】：

好吧，我实际上必须添加文档中template 部分中显示的input。

所以这行得通：

<input [(ngModel)]="selected"
    [typeahead]="documents"
    class="form-control">

因为文档中提到了Selector 和Exported as，我认为我们应该使用这些值。我认为模板只是展示了组件如何在幕后工作。

【讨论】：

【解决方案2】：

正如我同事所说，请补充

import {FormsModule, ReactiveFormsModule} from '@angular/forms';

【讨论】：