Cómo usar ngStyle para URL de fondo en Angular 4

No olvides que en las ciencias un error casi siempere suele tener diversas resoluciones, de igual modo aquí enseñaremos la mejor y más eficiente.

Solución:

background-url es CSS incorrecto, use background o background-image en cambio.

Aquí hay un ejemplo de sintaxis correcta:

Su ejemplo completo se vería así:

   

     
 Make your food with Spicy. 
            

                Shop now1
            
    

Si está obteniendo su imagen de fondo de una fuente remota o una entrada de usuario, deberá desinfectar angularmente la URL. En su componente, querrá agregar los siguientes bits de código…

import  DomSanitizer  from '@angular/platform-browser';

export class YourComponent 
  constructor(private _sanitizer: DomSanitizer)  

  public sanitizeImage(image: string) 
    return this._sanitizer.bypassSecurityTrustStyle(`url($image)`);
  

Intenta configurar tu HTML a esto…

   

     
Make your food with Spicy.
            

                Shop now1
            
    

y aplicar el no-repeat 0px 0px; en alguna clase adjuntas al div.

Reseñas y calificaciones del tutorial

---

---

Utiliza Nuestro Buscador