我如何开始使用Matt Lewis的角度日历

时间:2017-05-26 05:55:23

标签: angular calendar

有人可以帮助我在我的角度页面上查看日历月份视图吗?

我按照此github页面(https://github.com/mattlewis92/angular-calendar)上的步骤操作,但我的页面上没有显示任何内容。我对棱角2很新,对它不太了解。

这是从我的应用程序中删除的代码:

  • app.module.ts code
import { BrowserModule } from '@angular/platform-browser';
import { Component, NgModule} from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { CalendarModule } from 'angular-calendar';

import { AppComponent } from './app.component';
import { FilterBarComponent } from './filter-bar/filter-bar.component';
import { CalendarComp } from './calendar/calendar.component';
import { InputFormComponent } from './input-form/input-form.component';

@NgModule({
  declarations: [
    AppComponent,
    FilterBarComponent,
    CalendarComp,
    InputFormComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    CalendarModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {

}
  • 这是app.component.html代码:
  

                   

这是日历的标题

        

  <div>
    <mwl-calendar-month-cell>
      <h5>This is a calendar day</h5>
    </mwl-calendar-month-cell>
  </div>
</div>
  • 我在网站上看不到任何变化,也没有显示日历。如果有人能写一个简单的代码来告诉我如何开始,我将非常感激。

谢谢!

  • 更新:这些是运行后我得到的控制台错误。
  

ng:///AppModule/AppComponent.ngfactory.js:23错误上下文   DebugContext_View_AppComponent_0 @   ng:///AppModule/AppComponent.ngfactory.js:23 vendor.bundle.js:3256

     

Angular正在开发模式下运行。调用enableProdMode()来   启用生产模式。   ng:///AppModule/AppComponent.ngfactory.js:23

     

错误类型错误:不能   读取属性'isPast'未定义       at Object.eval [as updateRenderer](ng:///AppModule/AppComponent.ngfactory.js:163)       at Object.debugUpdateRenderer [as updateRenderer](vendor.bundle.js:13054)       在checkAndUpdateView(vendor.bundle.js:12359)       在callViewAction(vendor.bundle.js:12717)       在execComponentViewsAction(vendor.bundle.js:12649)       在checkAndUpdateView(vendor.bundle.js:12360)       at callWithDebugContext(vendor.bundle.js:13416)       at Object.debugCheckAndUpdateView [as checkAndUpdateView](vendor.bundle.js:12956)       在ViewRef_.detectChanges(vendor.bundle.js:10428)       在vendor.bundle.js:5285 View_AppComponent_0 @ ng:///AppModule/AppComponent.ngfactory.js:23   ng:///AppModule/AppComponent.ngfactory.js:23错误上下文   DebugContext_View_AppComponent_0 @   NG:///AppModule/AppComponent.ngfactory.js:23

0 个答案:

没有答案