我決定使用模板引擎(如JADE/PUG)通過Angluar 2.0來清晰和清潔開發大型單頁應用程序(SPA)的代碼,並且我只想達到一個非常好的性能應用程序。當模板引擎可以通過Angular 2使用嗎?
我的組合是:HTML5 + CSS(SASS)+ ANGULAR 2 +引導
我的問題是,這是否合理使用模板引擎的清晰度和清潔的代碼開發大單頁面應用程序(SPA)和Angular 2.0一起使用?我讀了JADE,但現在有疑問。
我決定使用模板引擎(如JADE/PUG)通過Angluar 2.0來清晰和清潔開發大型單頁應用程序(SPA)的代碼,並且我只想達到一個非常好的性能應用程序。當模板引擎可以通過Angular 2使用嗎?
我的組合是:HTML5 + CSS(SASS)+ ANGULAR 2 +引導
我的問題是,這是否合理使用模板引擎的清晰度和清潔的代碼開發大單頁面應用程序(SPA)和Angular 2.0一起使用?我讀了JADE,但現在有疑問。
JADE不適合SPA。
JADE是一種服務器端視圖技術,它可以呈現具有所需數據的HTML,適用於傳統的非SPA應用程序。
在SPA中,您只能從服務器獲取數據(不是每次都是HTML)。
...我建議你(基於我當前的堆棧)是使用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({});
}
}
正如你可以看到我還使用同樣的事情包括我的組件
那麼你的意思是不需要模板引擎? –
是的當然...我認爲它更好..使用像玉這樣的音樂是好的,如果你必須做很簡單的東西..但它是我的意見...但現在如果你正在尋找類似的東西(服務器端渲染你的html + css + js)...嘗試看看Angular Universal(它對SEO也很好)https://universal.angular.io/ –
因此,我們可以得出結論:HTML5 + CSS(SASS) + ANGULAR 2 + Bootstrap非常好,不需要模板引擎即可獲得最佳性能。 (快速應用程序)。 –
爲什麼外部青菜文件?你能否讓我知道,什麼是好,爲什麼? –
你是對的。在SPA我們得到的數據和整個頁面不需要刷新。那麼這裏最好的是什麼? –
所有其他選擇(如HTML5,CSS,Bootstrap)都很好,只需擺脫JADE(以及任何其他服務器端視圖庫),並使用Angular 2服務從服務器獲取數據。 – siva636