前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SAP Spartacus的自定义静态页面

SAP Spartacus的自定义静态页面

原创
作者头像
Jerry Wang
修改2020-11-23 11:29:36
4380
修改2020-11-23 11:29:36
举报

新建一个StaticRouteModule:

代码语言:txt
复制
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CmsPageGuard } from '@spartacus/storefront';
import { StaticRouteComponent } from './static.route.component';

const staticRoutes: Routes = [{
  path: 'static-page',
  component: StaticRouteComponent,
  canActivate: [CmsPageGuard]
}];

@NgModule({
  declarations: [StaticRouteComponent],
  imports: [
    CommonModule,
    RouterModule.forChild(staticRoutes)
  ]
})
export class StaticRouteModule { }

新建StaticRouteComponent:

代码语言:txt
复制
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-static.route',
  templateUrl: './static.route.component.html'
})
export class StaticRouteComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }
}

template只有一行代码:

代码语言:txt
复制
<p>static.route works!</p>

在app.module.ts里导入新建的module:

最后运行结果:http://localhost:4202/electronics-spa/en/USD/static-page

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档