日期选择器：无法绑定到 'bsValue'，因为它不是 'input' 的已知属性

Question

在我的 Angular 单元测试中，尽管我导入了 DatepickerModule.forRoot()，但我得到：

Error: Template parse errors:
    Can't bind to 'bsConfig' since it isn't a known property of 'input'. ("
          class="form-control datepicker datetime-picker"
          bsDatepicker
          [ERROR ->][bsConfig]="myConfig"
          [(ngModel)]="myDate"
        >
    "): ng:///DynamicTestModule/DatetimePickerComponent.html@6:6
        at syntaxError node_modules/@angular/compiler/esm5/compiler.js:486:22)
        at TemplateParser.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/esm5/compiler.js:24674:1)
        at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/esm5/compiler.js:34629:1)
        at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/esm5/compiler.js:34604:1)
        at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/esm5/compiler.js:34505:48
        at Set.forEach (<anonymous>)
        at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/esm5/compiler.js:34505:1)
        at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/esm5/compiler.js:34393:1
        at Object.then node_modules/@angular/compiler/esm5/compiler.js:475:33)
        at JitCompiler.webpackJsonp../node_modules/@angular/compiler/esm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/esm5/compiler.js:34391:1)
    Expected undefined to be truthy.
        at UserContext.<anonymous> src/app/components/my-spec.spec.ts:41:23)
        at ZoneDelegate.webpackJsonp../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
        at ProxyZoneSpec.webpackJsonp../node_modules/zone.js/dist/proxy.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/proxy.js:128:1)

Answer 1

错误是我正在导入 DatepickerModule.forRoot(), 但我需要 BsDatepickerModule.forRoot(),.

这是使用以下方法导入的：

import { BsDatepickerModule } from 'ngx-bootstrap';

日期选择器：无法绑定到 'bsValue'，因为它不是 'input' 的已知属性

Datepicker: can't bind to 'bsValue' since it isn't a known property of 'input'

javascript

datepicker

typescript

ngx-bootstrap

angular

日期选择器：无法绑定到 'bsValue'，因为它不是 'input' 的已知 属性

Datepicker: can't bind to 'bsValue' since it isn't a known property of 'input'

javascript

datepicker

typescript

ngx-bootstrap

angular

日期选择器：无法绑定到 'bsValue'，因为它不是 'input' 的已知属性