Javascript 使用AngularJs和HTML在IE中不起作用的样式属性_Javascript_Angularjs_Angularjs Directive

Javascript 使用AngularJs和HTML在IE中不起作用的样式属性

javascript angularjs

Javascript 使用AngularJs和HTML在IE中不起作用的样式属性,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,测试 var-app=angular.module（'myApp'，[]）；应用程序控制器（'myCtrl'，函数（$scope）{ $scope.color=“#996600”； }); 颜色属性在IE中不工作，但chrome和firefox正在工作尝试使用ng style指令：尝试使用ng style指令：使用ng style指令代替使用{}的表达式 <head> <script src="http://ajax.googleapis.com/ajax/l


测试
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.color=“#996600”；
});

颜色属性在IE中不工作，但chrome和firefox正在工作

尝试使用

ng style

指令：

尝试使用

ng style

指令：

使用

ng style

指令代替使用

{}

的表达式

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        <div style="color:{{color}}">Testing</div>
    </div>
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.color = "#996600";
        });
    </script>
</body>

测试

使用

样式时，Angular会出现问题
 不要使用{{}}
的表达式，而是使用ng style
指令
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        <div style="color:{{color}}">Testing</div>
    </div>
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.color = "#996600";
        });
    </script>
</body>

测试

使用样式时，Angular会出现问题
 这是更新的代码：
<div ng-style="{color: color}">Testing</div>


测试
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.color=“#996600”；
});


在使用angularJs时，您需要定义ng样式
这是更新的代码：
<div ng-style="{color: color}">Testing</div>


测试
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.color=“#996600”；
});


在使用angularJs时，需要定义ng style
style
是HTML属性，其中Angular属性中的Asng style。
所以请使用下面的符号
测试

如果需要角度通知
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    <div ng-style="{color:color}">Testing</div>
</div>
<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.color = "#996600";
    });
</script>


测试
style
是HTML属性，其中asng style位于角度属性中。
所以请使用下面的符号
测试

如果需要角度通知
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    <div ng-style="{color:color}">Testing</div>
</div>
<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope) {
        $scope.color = "#996600";
    });
</script>


测试