2

プロパティをスタイル属性にレンダリングしようとした場合にのみ、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変更されるときに背景も変更する必要があります。

4

2 に答える 2

2

使ってみて

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

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

于 2014-11-06T09:39:04.550 に答える
2

ngStyleディレクティブを使用できます：

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

colorあなたはどこですか$scope.color

于 2014-11-06T09:39:24.243 に答える