什么时候可以通过Angular 2使用Template Engine?

时间:2016-12-28 08:48:09

标签: javascript angularjs angular pug template-engine

我决定使用模板引擎(如JADE / PUG)来使用via Angluar 2.0来清晰和清理用于开发大型单页面应用程序(SPA)的代码,并且我想要达到一个非常好的性能应用程序。

  

我的组合是:HTML5 + CSS(SASS)+ ANGULAR 2 + Bootstrap

我的问题是,为了清晰起见而使用模板引擎以及清理用于开发大型单页面应用程序(SPA)以及Angular 2.0的代码是否合理?我读到JADE,但现在有疑问。

2 个答案:

答案 0 :(得分:3)

...我建议你(基于我当前的堆栈)是使用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文件

答案 1 :(得分:0)

JADE不适合SPA。

JADE是一种服务器端视图技术,可以使用所需数据呈现HTML,适用于传统的非SPA应用程序。

在SPA中,您只从服务器获取数据(不是每次都是HTML)。