Когда шаблонный двигатель можно использовать с помощью углового 2?

Question

Я решил использовать механизм шаблонов (например, JADE/PUG) для использования через Angluar 2.0 для ясности и очистки кода для разработки большого приложения с одной страницей (SPA), и просто хочу достичь очень хорошего приложения производительности.

Моя комбинация является: HTML5 + CSS (SASS) + УГЛОВОЙ 2 + Bootstrap

Моим вопрос заключается в том, что это разумно использовать механизм шаблонов для ясности и очистки коды для разработки большого сингла (SPA) вместе с Angular 2.0? Я читал около JADE, но теперь сомневаюсь.

Answer 1

JADE не подходит для SPA.

JADE - это технология просмотра на стороне сервера, которая отображает HTML с требуемыми данными, который подходит для традиционного не-SPA-приложения.

В SPA вы просто получаете только данные (а не HTML каждый раз) с сервера.

Answer 2

... Что я предлагаю вам (на основе моего текущего стека) использовать HTML, но и в внешних файлах ... и связывать его с вашим компонентом через require ... так что webpack может сделать волшебный отдых для вас ,

, например:

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({}); 
     } 

    } 

Как вы можете видеть, я также использую то же самое для включать внешние Sass файлы в моем компоненте