具體實現：

import { Component, OnInit } from '@angular/core'; import { ActiveCartService, Product } from '@spartacus/core'; import { CurrentProductService } from '@spartacus/storefront'; import { Observable } from 'rxjs'; import { filter, map } from 'rxjs/operators';@Component({selector: 'app-mycom',templateUrl: './mycom.component.html',styleUrls: ['./mycom.component.scss'] }) export class MycomComponent implements OnInit {product$: Observable<Product> = this.currentProductService.getProduct().pipe(filter(product => !!product));productName$ = this.product$.pipe(map(product => product.name));constructor(private currentProductService: CurrentProductService, private cartService: ActiveCartService) {}ngOnInit(): void {this.product$.subscribe(product => console.log(product));}}

最后的效果：

總結

以上是生活随笔為你收集整理的SAP Spartacus产品明细页面用Observable显示产品名称的全部內容，希望文章能夠幫你解決所遇到的問題。

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