Question

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

HTML

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

＆＃13;

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.color = '#00ffff'
}

＆＃13;

<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>

＆＃13;

fiddle

如果您的解决方案将使用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 <{1}}是$scope.color

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

2 个答案: