未捕获的错误：模板解析错误：ej2-datepicker angular 6

Question

尝试在我的项目中实现 ej2-calender 但遇到以下错误..

同样的代码也用于演示项目。

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { DateRangePickerModule } from '@syncfusion/ej2-angular-calendars';
import { AppComponent } from './app.component';
import { ComponentNameComponent } from './component-name/component-name.component';

@NgModule({
  declarations: [
    AppComponent,
    ComponentNameComponent
  ],
  imports: [
    BrowserModule,
    DateRangePickerModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

datepicker.html

    <div class="form-group daterange-group">
            <ejs-daterangepicker id='daterangepicker' placeholder='Select a range' [startDate]='start' [endDate]='end'></ejs-daterangepicker> 

datepicker.ts

public start: Date = new Date ("10/07/2017"); 
public end: Date = new Date ("11/25/2017");
</div>

未捕获的错误：模板解析错误： 无法绑定到“startDate”，因为它不是“ejs-daterangepicker”的已知属性。

1. 如果 'ejs-daterangepicker' 是一个 Angular 组件并且它有 'startDate' 输入，那么验证它是这个模块的一部分。

2. 如果“ejs-daterangepicker”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。

3. 要允许任何属性将“NO_ERRORS_SCHEMA”添加到此组件的“@NgModule.schemas”。 (" col-md-3 col-sm-4">)

Answer 1

你需要在app.module.ts中导入组件模块（我猜是DateRangePickerModule）。

component docs

Answer 2

在stackblitz试试这个例子

在html中<ejs-daterangepicker [startDate]='start' [endDate]='end'></ejs-daterangepicker>

app.module.ts

import { DropDownListModule } from '@syncfusion/ej2-angular-dropdowns';

import { DateRangePickerModule } from '@syncfusion/ej2-angular-calendars';

import { HttpModule } from '@angular/http';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from '../app.component';

@NgModule({ declarations: [ AppComponent ], imports: [ DateRangePickerModule, DropDownListModule, BrowserModule, FormsModule, ReactiveFormsModule], providers: [], bootstrap: [AppComponent]
})
export class AppModule { }