Product Details Page - Copy this Angular, Css Component to your project

import { CommonModule, NgFor } from '@angular/common'; import { Component } from '@angular/core'; import { CombinedExampleComponent } from "../controlflow-example/controlflow-example.component"; @Component({ selector: 'app-controlflow', imports: [CommonModule, CombinedExampleComponent], templateUrl: './controlflow.component.html', styleUrls: ['./controlflow.component.css'] }) export class ControlflowComponent { product = { name: 'Smartphone XYZ', description: 'A high-end smartphone with amazing features.', isAvailable: true, stock: 20, category: 'electronics', isOnSale: true, salePrice: 499.99, originalPrice: 599.99, reviews: [ { username: 'Brindha', comment: 'Great phone!', rating: 5 }, { username: 'Nive', comment: 'Good, but battery life could be better.', rating: 3 } ] }; } make a simple control flow for the above ts code advance syntax