AngularJS - Rendu de style css en ligne

Est-il possible /et comment /pour écrire du css style angulaire à l'aide de variables?

<div style="background: transparent url({{eventInfo.eventHeaderImg}}) top center no-repeat;"></div>

C'est ma sortie

"NetworkError: 404 Not Found - http://test/eventInfo.eventHeaderImg"

Je vois qu'il n'a pas rendu cette valeur.

Je sais que c'est possible de le modifier dans le contrôleur, mais est-ce faisable avec mon approche?

source d'informationauteur Djomla | 2014-04-25

  1. 18

    Vous devez utiliser ngStyle:

    un exemple: http://plnkr.co/edit/qT8skZzTwXjrh3Ye5mr9?p=preview

    <div ng-style="{ background: 'transparent url({{ eventInfo.eventHeaderImg }}) top center no-repeat' }"></div>
  2. 4

    Cela a fonctionné pour mon:

    <div ng-style="{ 'background': 'transparent url(' + eventInfo.eventHeaderImg + ') top center no-repeat' }"></div>
  3. 0

    Vous êtes "écrire" une mauvaise url dans votre style, qui est pourquoi vous avez un 404 (pas trouvé) erreur.

    Selon cette plunkersi vous êtes $scope est bien mis en place, vous imprimez le bon de données dans style attribut.

    Noter que votre eventInfo portée de la variable doit être une carte/objet.

  4. -3

    Vous n'avez pas besoin d'utiliser la double curl entre parenthèses.