javascript - 在dom的样式属性angular js中绑定属性

Question

只有当我尝试将属性呈现为样式属性时，我才会遇到 IE 问题。

html:

<span style="background-color: {{ color }}">{{ color }}</span>

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.color = '#00ffff'
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="MyCtrl">
    <span style="background:{{color}}">Hello, {{name}}!</span>
  </div>
</div>

小提琴

如果您的解决方案将使用 ngStyle，我将很高兴提供使用变量的代码示例$scope.color。这意味着当$scope.color将发生变化时，我希望背景也会发生变化。

Answer 1

尝试使用

ng-style="{'background': (color)}"

http://jsfiddle.net/rg6r35sq/3/

Answer 2

您可以使用ngStyle指令：

<span ng-style="{'background-color': color}">Hello, {{name}}!</span>

color你在哪里$scope.color