如何在Angular2中實現(xiàn)數(shù)百頁的網(wǎng)我正在準(zhǔn)備SPA網(wǎng)站,其中包含數(shù)百個類似文章的頁面(除了電子商務(wù),登錄等)。每篇文章都有自己的URL。我想用Angular2來實現(xiàn)它。到目前為止我找到的唯一解決方案是:1.準(zhǔn)備數(shù)百個Agular2組件,每篇文章一個組件.........使用指向文章標(biāo)記的templateUrl。所以我需要數(shù)百種類似的組件:@core.Component({
selector: 'article-1',
templateUrl: 'article1.html'})export class Article1 {}2.使用顯示文章 AsyncRoute請參閱Angular2中的路由組件的延遲加載@core.Component({
selector: 'article-wrapper',
template: '<router-outlet></router-outlet>'})@router.RouteConfig([
new router.AsyncRoute({
path: '/article/:id',
loader: () => {
switch (id) {
case 1: return Article1;
case 2: return Article2;
//... repeat it hundreds of times
}
},
name: 'article'
})])class ArticleWrapper { }在Angular1中有ngInclude指令,由于安全問題,Angular2中缺少該指令(參見此處)。[編輯1]代碼本身不僅存在問題。問題還在于此解決方案的靜態(tài)性質(zhì)。如果我需要帶有站點地圖和動態(tài)頁面結(jié)構(gòu)的網(wǎng)站 - 添加單個頁面需要重新編譯整個ES6 JavaScript模塊。[編輯2]概念“標(biāo)記x html作為數(shù)據(jù)”(標(biāo)記不僅是靜態(tài)HTML而且是帶有活動組件的HTML)是整個Web的基本概念(每個CMS在數(shù)據(jù)庫中都有其標(biāo)記數(shù)據(jù))。如果沒有Angular2解決方案,它就會否認(rèn)這個基本概念。我相信必須有一些技巧。
- 1 回答
- 0 關(guān)注
- 510 瀏覽
添加回答
舉報
0/150
提交
取消