在angular 4 CLI项目中实现angular日历

这是一个npm包,因此首先您应该创建angular项目,您可以通过angular CLI轻松完成 ng new . 然后,您应该在项目目录中打开terminal/bash并执行以下操作: npm i 然后 npm i --save angular-calendar .

转到AppModule。ts和add calendar module,您在appModule中的代码应该是这样的:

import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-
browser/animations';
import { CalendarModule } from 'angular-calendar';

@NgModule({
  imports: [
    BrowserAnimationsModule,
    CalendarModule.forRoot()
  ]
})
export class MyModule {}

然后转到文件 .angular-cli.json 它位于项目根目录中。查找部分 styles 并添加 node_modules/angular-calendar/dist/css/angular-calendar.css 那里

应该是这样的:

"styles": [
        "../node_modules/font-awesome/css/font-awesome.css",
        "../node_modules/simple-line-icons/css/simple-line-icons.css",
        "../node_modules/angular-calendar/dist/css/angular-calendar.css",
        "scss/style.scss"
      ],

然后返回到项目根,例如生成一个组件 ng g component calendComp 并使用那边的日历,如文档中所述。