SAP Spartacus的ComponentFactory和ComponentFactoryResolver - 动态添加outlet

新建一个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的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。