Dynamische Refresh-Hintergrund-Bild mit ngstyle In AngularJS

Question

Wenn ich Angular verwenden, um dynamische Änderung div ‚s Background, ich finde, es gibt zwei Möglichkeiten Grond-Bild zu setzen:

zuerst:

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

die zweite:

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

Aber wenn ich example_expression ändere, kann nur die erste Möglichkeit das backgroundImage dynamisch ändern.

Es gibt ein Beispiel in Plunker

Was mit ngstyle falsch?

Answer 1

ng-style sollte keine Interpolationsanweisung {{}} enthalten, Sie könnten dort direkt auf die Bereichsvariable zugreifen. backgroundImage sollte auch 'background-image'

Markup

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

Demo Plunkr