dinamico aggiornamento in background-image con ngStyle In AngularJs

Question

Quando uso angolare per dinamica cambiamento s' div BackgroundImage, trovo ci sono due modi per impostare backgrond-immagine:

prima:

<div style="background:url({{example_expression}})"></div>

il secondo:

<div ng-style="{backgroundImage: 'url({{example_expression}})'}"></div>

Ma quando cambio example_expression, solo il primo modo può modificare dinamicamente l'immagine di sfondo.

C'è un esempio in Plunker

Cosa c'è di sbagliato con ngStyle?

Answer 1

ng-style non deve contenere la direttiva di interpolazione {{}}, è possibile accedere direttamente alla variabile di ambito. Anche backgroundImage dovrebbe essere 'background-image'

Markup

<div ng-style="{'background-image': 'url('+ example_expression+')'}"></div> 

Demo Plunkr