新建一個Component：

import { Component, ComponentFactory, ComponentFactoryResolver, OnInit } from '@angular/core'; import { OutletPosition, OutletService } from '@spartacus/storefront'; import { MycomComponent } from './mycom/mycom.component';@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent implements OnInit {constructor(private componentFactoryResolver: ComponentFactoryResolver,private outletService: OutletService<ComponentFactory<MycomComponent>>) { }title = 'Jerry Store';ngOnInit(): void {const factory = this.componentFactoryResolver.resolveComponentFactory(MycomComponent);this.outletService.add('header', factory, OutletPosition.BEFORE);} }

使用ComponentFactory，將我新建的Component動態添加到header這個outlet上。
最后的效果：

總結

以上是生活随笔為你收集整理的SAP Spartacus的ComponentFactory和ComponentFactoryResolver - 动态添加outlet的全部內容，希望文章能夠幫你解決所遇到的問題。

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