dom의 스타일 속성에있는 bind 속성 angle js

Question

스타일 속성에 속성을 렌더링하려고 할 때만 IE에 문제가 있습니다.

HTML : 솔루션이 ngStyle을 사용할 경우

fiddle

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

내가 변수 $scope.color를 사용하는 코드의 예를 기꺼이 될 것입니다. 즉, $scope.color이 변경 될 때 배경이 변경되기를 바랍니다.

Answer 1

를 사용해보십시오 : 당신이 IE는 버전을 게시하시기 바랍니다 말할 때 color이 $scope.color

Answer 2

당신은 ngStyle 지시어를 사용할 수 있습니다

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

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