我新建了一個自定義Component：

import { Component, OnInit } from '@angular/core'; import { ProductNameNormalizer } from './product-name-normalizer';@Component({selector: 'app-custom-page',templateUrl: './custom-page.component.html',styleUrls: ['./custom-page.component.scss'] }) export class CustomPageComponent implements OnInit {constructor(private productNameNormalizer: ProductNameNormalizer) {}ngOnInit(): void {}}

HTML頁面代碼：

<p>custom-page works!</p><a href="/cameras/photosmart-e317-digital-camera/300938">Awesome Product</a><p></p> <a [routerLink]="{ cxRoute: 'product', params: {code: '300938', nameForUrl: 'Jerry' }} | cxUrl">Awesome Product 2</a>

新建一個module，在里面自定義路由邏輯：

const CUSTOM_ROUTES: Routes = [{ path: 'custom', component: CustomPageComponent, canActivate: [CmsPageGuard] },{ path: 'contact1', component: CustomPageComponent },{path: 'faq-alias', component: PageLayoutComponent, canActivate: [CmsPageGuard],data: {pageLabel: 'faq'}} ];

語義：

url里輸入custom時，打開Component CustomPageComponent，啟用PageGuard
url里輸入contact1時，打開Component CustomPageComponent，不啟用PageGuard
url里輸入faq-alias時，打開PageLayoutComponent，使用的CMS page id為faq.

最后將此module導入app module：

測試：

路徑custom啟用了page guard，能看到not found的提示：

contact1沒啟用page guard，也看不到整個Spartacus其他section比如header，footer的內容了，就是一個純粹的html靜態頁面：

http://localhost:4202/electronics-spa/en/USD/faq-alias：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus的自定义路由的全部內容，希望文章能夠幫你解決所遇到的問題。

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