angularJS使用ng-bind-html转义html之后了，如何重新定义其样式

Question

angularJS使用ng-bind-html转义html之后了，如何重新定义其样式，原来数据库中
保存的html样式只适合在电脑上查看，现在转到手机上之后，字体不合适，图片太大，整个页面都不协调

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要解决这个问题，您可以尝试以下步骤：

1. 使用ng-style替换ng-bind-html：

   <div ng-style="styleObject">
     <!-- Your HTML content here -->
   </div>
   

2. 在HTML文件中为这些元素设置新的CSS类。
3. 在JavaScript中动态地更改这些类。

例如，如果您希望将所有<h1>标签的字体大小改为18px，可以这样做：

<div ng-style="styleObject">
  <h1 style="font-size: 18px;">Hello World</h1>
</div>

然后，在HTML文件中为这些元素添加一个类（比如custom-font-size）：

<style>
  .custom-font-size {
    font-size: 18px;
  }
</style>

最后，在JavaScript中修改这个类：

var app = angular.module('myApp', []);
app.controller('MyCtrl', function($scope) {
  $scope.styleObject = {};
  // Add styles to the controller's scope
});

请注意，您可能需要根据您的具体需求和项目结构调整这些示例。