专栏首页Jerry的SAP技术分享SAP Spartacus如何创建自定义route页面

SAP Spartacus如何创建自定义route页面

新建一个route module:

基于这个route module创建一个新的Component:

在新建的module里,使用RouterModule定义一个新的路由规则:

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CustomPageComponent } from './custom-page/custom-page.component';

const CUSTOM_ROUTES: Routes = [
  { path: 'custom', component: CustomPageComponent }
]

@NgModule({
  declarations: [CustomPageComponent],
  imports: [
    CommonModule,
    RouterModule.forChild(CUSTOM_ROUTES)
  ]
})
export class CustomRoutingModule { }

最后在app module里添加这个新建的route module:

最后的运行效果:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • SAP Spartacus ConfigModule.withConfig的处理逻辑

    这个高亮的元素就是开发者在import区域里调用B2cStorefrontModule.withConfig函数返回的module,其中useValue包含的就...

    Jerry Wang
  • SAP Spartacus OccCmsComponentAdapter的findComponentsByIds方法

    Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

    Jerry Wang
  • 使用Notepad++实现文本编辑的豆沙绿背景颜色,护眼

    我一直非常不喜欢windows自带的notepad记事本,无法自定义背景的,白花花的一片看着眼睛痛。

    Jerry Wang
  • 【实战项目i护理下篇】vue-cli3+vue-admin+egg(业务逻辑)

    中篇:【实战项目i护理中篇】vue-cli3+vue-admin+egg(部分源码+效果图)

    用户6404120
  • ASP.NET MVC5+EF6+EasyUI 后台管理系统(41)-组织架构

    本节开始我们要实现工作流,此工作流可以和之前的所有章节脱离关系,也可以紧密合并。 我们当初设计的项目解决方案就是可伸缩可以拆离,可共享的项目解决方案。所以我们同...

    用户1149182
  • 1024程序员节——自媒体作者分享有奖活动

    感谢各位自媒体作者一直以来对云+社区的支持,1024程序员节,云+社区为大家准备了丰厚的节日礼品,动动手指即可领取!

    云加社区
  • Linux和windows互传文件

    搞Linux 也有一段时间了,自己总想着如何能让Linux和Windows不使用FTP或者Samba能够互相上传下载文件呢? 首先我们使用虚拟机来测试一下, 安...

    老七Linux
  • Hadoop通过HCatalog编写Mapreduce任务访问hive库中schema数据

    1、dirver package com.kangaroo.hadoop.drive; import java.util.Map; import java.u...

    用户1225216
  • 2、基本方法(Basic Recipes)

    官网地址:http://gpiozero.readthedocs.io/en/stable/recipes.html

    墨文
  • 【已解决】Xcode在StoryBoard设置UIView的控件类是Cocoapods的类,运行还是UIView?

    ZHVerifyCodeFiled作为我写在Cocoapods的空间,现在我在测试例子的Main.storyboard直接添加一个UIView使用我们Cocoa...

    君赏

扫码关注云+社区

领取腾讯云代金券