File

projects/storefrontlib/cms-components/product/product-tabs/product-details-tab/product-details-tab.component.ts

Implements

OnInit

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector cx-product-details-tab
templateUrl ./product-details-tab.component.html

Index

Properties
Methods

Constructor

constructor(currentProductService: CurrentProductService)
Parameters :
Name Type Optional
currentProductService CurrentProductService No

Methods

ngOnInit
ngOnInit()
Returns : void

Properties

product$
Type : Observable<Product>
import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
import { Product } from '@spartacus/core';
import { Observable } from 'rxjs';
import { CurrentProductService } from '../../current-product.service';

@Component({
  selector: 'cx-product-details-tab',
  templateUrl: './product-details-tab.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class ProductDetailsTabComponent implements OnInit {
  product$: Observable<Product>;

  constructor(protected currentProductService: CurrentProductService) {}

  ngOnInit() {
    this.product$ = this.currentProductService.getProduct();
  }
}
<ng-container *ngIf="product$ | async as product">
  <div class="container" [innerHTML]="product?.description"></div>
</ng-container>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""