템플릿 엔진을 각도 2로 사용할 수 있습니까?

Question

나는 명확성을 위해 Angluar 2.0을 사용하고 큰 단일 페이지 응용 프로그램 (SPA)을 개발하기위한 코드를 청소 (JADE/PUG처럼) 템플릿 엔진을 사용하기로 결정하고 그냥 아주 좋은 성능의 응용 프로그램에 도달합니다.

내 조합은 : HTML5 + CSS (SASS) + ANGULAR 2 + 부트 스트랩

내 질문은 합리적인 명확성을 위해 템플릿 엔진을 사용하여 하나의 큰 개발을위한 코드를 청소하는 점이다 Angular 2.0과 함께 페이지 응용 프로그램 (SPA)을 사용합니까? 나는 JADE에 대해 읽었지만 의심의 여지가 있습니다.

Answer 1

JADE는 SPA에 적합하지 않습니다.

JADE 필요한 데이터와 HTML 렌더링 서버 측면도 기술, 즉 전통적인 비 SPA 애플리케이션에 적합하다.

는 SPA에서, 당신은 단지 데이터 만 서버에서 (때마다 HTML되지 않음) 얻을.

Answer 2

은 ... 내가 뭘 (내 현재 스택을 기반으로) 당신에게 제안하는 것은 필요 ... 그래서 웹팩 당신을위한 마법의 나머지 작업을 수행 할 수 있습니다 통해하지만, 외부 파일에 HTML을 사용 ... 그리고 구성 요소에 연결하는 것입니다 . 예를 들어

:

import { Component, AfterViewInit, ElementRef } from '@angular/core'; 
    import "fullcalendar"; 


    require('style!fullcalendar/dist/fullcalendar.css'); 


    @Component({ 
     selector: 'about', 
     template: require('./about.component.html'), 
     styles: [String(require('./about.component.scss'))] 
    }) 

    export default class AboutComponent implements AfterViewInit { 
     calendarElement: any; 
     public message: string; 

     constructor(private elementRef: ElementRef) { } 

     ngAfterViewInit() { 
      this.calendarElement = jQuery(this.elementRef.nativeElement); 
      this.calendarElement.fullCalendar({}); 
     } 

    } 

내 구성 요소