Question

我导入了datepicker，它显示正常。

但是当我尝试导入预先输入或按钮或任何内容时，我收到<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或其他属性无关紧要，我总是得到不是已知的元素错误。所以我认为这与我的导入，命名或某些事情有关，但说实话，我看不出有什么遗漏。

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

Answer 1

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

这样可行：

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

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

Answer 2

正如我的同事所说，请添加

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

在ngx-bootstrap中导入组件会抛出'not a known element'错误

2 个答案: