2016-12-28 55 views
0

我决定使用模板引擎(如JADE/PUG)通过Angluar 2.0来清晰和清洁开发大型单页应用程序(SPA)的代码,并且我只想达到一个非常好的性能应用程序。当模板引擎可以通过Angular 2使用吗?

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

我的问题是,这是否合理使用模板引擎的清晰度和清洁的代码开发大单页面应用程序(SPA)和Angular 2.0一起使用?我读了JADE,但现在有疑问。

回答

0

JADE不适合SPA。

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

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

+0

为什么外部青菜文件?你能否让我知道,什么是好,为什么? –

+0

你是对的。在SPA我们得到的数据和整个页面不需要刷新。那么这里最好的是什么? –

+0

所有其他选择(如HTML5,CSS,Bootstrap)都很好,只需摆脱JADE(以及任何其他服务器端视图库),并使用Angular 2服务从服务器获取数据。 – siva636

3

...我建议你(基于我当前的堆栈)是使用HTML,但在外部文件中...并通过要求链接到你的组件...所以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({}); 
     } 

    } 

正如你可以看到我还使用同样的事情包括我的组件

+0

那么你的意思是不需要模板引擎? –

+0

是的当然...我认为它更好..使用像玉这样的音乐是好的,如果你必须做很简单的东西..但它是我的意见...但现在如果你正在寻找类似的东西(服务器端渲染你的html + css + js)...尝试看看Angular Universal(它对SEO也很好)https://universal.angular.io/ –

+0

因此,我们可以得出结论:HTML5 + CSS(SASS) + ANGULAR 2 + Bootstrap非常好,不需要模板引擎即可获得最佳性能。 (快速应用程序)。 –