如何将ng-class与ng-style结合？

样式属性是使用ng-style设置的。 ng-style的值是一个对象，用于引用应用于元素的CSS样式。

句法：

..

特性：
Object ：Object用于返回应用于元素的css样式。

返回值：返回应用于ng-class元素的样式。

范例1：

  
  

  
    
      GeeksforGeeks
  
  
    
        var app = angular.module("gfg", []);
        app.controller(
          "geekctrl", function($scope) {
            $scope.geekstyle = {
                "color": "white",
                "background-color": "green",
                "font-size": "80px",
  
            }
        });
    
  

  

输出：

范例2：

  
  

  
    
      GeeksforGeeks
  
    
      GeeksforGeeks
  
    
        var app = angular.module("gfg", []);
        app.controller("geekctrl", function($scope) {
            $scope.geekstyle = {
                "color": "white",
                "background-color": "green",
                "font-size": "60px",
  
            }
            $scope.geekstyle1 = {
                "color": "white",
                "background-color": "green",
                "font-size": "80px",
  
            }
        });
    
  

  

输出：

浏览器支持：列出的浏览器支持ng-class和ng-style –

• IE浏览器
• 火狐浏览器
• 谷歌浏览器
• 歌剧
• 苹果浏览器