Comment définir la largeur de division en utilisant ng-style

J’essaye de définir dynamicment la largeur de div en utilisant ng-style mais il n’applique pas le style. Voici le code:

 
 

Manette:

 var MyApp = angular.module('MyApp', []); var custController = MyApp.controller('custController', function ($scope) { $scope.myStyle="width:'900px';background:red"; }); 

Qu’est-ce que je rate?

Lien de violon : violon

La syntaxe de ng-style n’est pas tout à fait ça. Il accepte un dictionnaire de clés (noms d’atsortingbuts) et des valeurs (la valeur à prendre, une chaîne vide les défait ) plutôt qu’une chaîne. Je pense que ce que vous voulez c’est ceci:

 

Et puis dans votre contrôleur:

 $scope.width = '900px'; $scope.bgColor = 'red'; 

Cela préserve la séparation du modèle et du contrôleur: le contrôleur détient les valeurs sémantiques tandis que le modèle les associe au nom d’atsortingbut correct.

ngStyle accepte une carte:

 $scope.myStyle = { "width" : "900px", "background" : "red" }; 

Violon