En nuestra página de inicio tenemos una presentación en video. Me gustaría saber cómo replicar este video en cada página de producto que contenga un video, si el producto no tiene un video, el video debe ocultarse.
Puede usar la *ngIf en el contenedor de su video con la condición de que el producto tenga un video.
Para crear una condición, puede usar la directiva *ngIf y proporcionar su condición en su página HTML. Aquí he proporcionado un código de muestra para su referencia
HTML:
<div class="container" style="max-width: 550px"> <h2 class="text-center mb-5">Angular Login with Google</h2> <div *ngIf="isVideo === false"> <p>No Video found</p> </div> <div *ngIf="isVideo === true"> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> </video> </div>Método en componente.ts:
ngOnInit(): void { this.Service.getvideos.subscribe((videoid) => { this.isVideo = (videoid != null); }); }