Angular 4 CLI 프로젝트에서 각도 달력 구현

Question

각도로 새롭게 -이 각도 달력 구성 요소를 여기에있는 https://github.com/mattlewis92/angular-calendar에서 찾으면 문제가 발생합니다.

각도 형 CLI를 사용하여 기본 프로젝트를 설정하고 있습니다. Getting Started 가이드에 따라 .css 파일을 어떻게 또는 어디에 포함할지 모르겠습니다. 나는 몇 가지 반점을 시도했다.

그걸 알아낼 수 없으면, 나는 repo의 build-tools/angular-CLI 페이지로 가서 그것을 복제했다. 이것은 Angular CLI를 사용하여 만들어진 기본 프로젝트라고 가정합니다.

나는이 프로젝트에 봉사 할 때 달력 일뿐입니다. 여기, 내가 원하는 기능을 많이 발견 누락 -

https://mattlewis92.github.io/angular-calendar/#/kitchen-sink

이의 모습이

누군가가 나 그냥 각도 CLI를 사용하여 만든 프로젝트로 달력을 구현하는 데 도움이 수 있습니까? 그것은 여기에 어떻게 보이는지 매우 유사 -

https://mattlewis92.github.io/angular-calendar/#/kitchen-sink

감사

Answer 1

이는 NPM 패키지, 그래서 먼저 각 프로젝트를 작성해야합니다, 당신은 각도 CLI ng new를 통해 쉽게 할 수 있습니다. 그런 다음 프로젝트 디렉토리에서 terminal/bash를 열고 npm i을 실행 한 다음 npm i --save angular-calendar을 수행해야합니다.

AppModule.ts에

이동 및 달력 모듈을 추가, appModule의 코드는 다음과 같이 STH해야한다 :

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을 추가하십시오.

는이 같은 STH해야한다 :

이

"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를 생성하고이 문서의에 설명 것 같이 거기에 달력을 사용합니다.