我創建了一個angular-cli包含AppComponent的項目,如下所示:

import { Component } from '@angular/core';

@Component({

selector: 'app-root',

templateUrl: './app.component.html',

styleUrls: ['./app.component.css']

})

export class AppComponent {

title = 'app works!';

}

和app.component.html一樣

Good Morning, {{title}}

因此,當我使用ng build它生成它時會生成一些像這樣的文件./dist/main.bundle.js,其中包含一些代碼,如下所示 -

/* 586 */

/***/ function(module, exports) {

module.exports = "

\n Good Morning, {{title}}\n

\n"

/***/ },

/* 587 */

這意味著,在構建時,編譯器/ bundle-er正在讀取html文件并將它們連接到生成的js文件中.

但在我的情況下,html也是動態的,內容驅動的是服務器端.可以說,我的模板文件不是html,而是app.component.jsp,并且完全駐留在一些不同的服務器或文件夾上.

此JSP文件有時會返回

Good Morning, {{title}}

,有時還

Good Afternoon, {{title}}

取決于當前的服務器時間.

如何實現這一功能？

我的理解是,我需要定義某種加載器函數說: loadDynamicTemplate(template_url)

并且需要在Component decorator模板屬性上使用該loader-function.在這種情況下,當生成main.bundle.JS時,它也將使用該函數.因此在運行時,angular將調用此函數并通過ajax加載HTML并使用它.

更新1

在這里,我發現SystemJS和Webpack之間存在一些差異.我還發現如果我們可以使用SystemJS,我們可以在運行時加載HTML文件.所以我相信這個問題可以通過SystemJS配置來解決.但是,為此,另一個問題開始發揮作用,盡管我認為這可能是一個單獨的問題.所以我發布了一個新問題來解決這個問題.

可能如果這個問題得到解決,我會嘗試使用SystemJS,然后在這里發布解決方案,如果有幫助的話.

總結

以上是生活随笔為你收集整理的angular动态选择HTML模板,在angular2中动态加载HTML模板的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。