在angularjs中动态应用css

<div ng-app="myApp" ng-controller="myCtrl">
  <p ng-style="myStyle">这是一个动态样式的段落。</p>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.myStyle = {
    'color': 'blue',
    'font-size': '20px'
  };
});
</script>

<div ng-app="myApp" ng-controller="myCtrl">
  <p ng-class="{'red-text': isRed, 'blue-text': !isRed}">这段文本的颜色会变化。</p>
  <button ng-click="toggleColor()">切换颜色</button>
</div>

<style>
.red-text { color: red; }
.blue-text { color: blue; }
</style>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.isRed = true;
  $scope.toggleColor = function() {
    $scope.isRed = !$scope.isRed;
  };
});
</script>

$scope.updateStyle = function() {
  // 异步操作...
  $timeout(function() {
    $scope.myStyle = { 'color': 'green' };
  });
};