ng-bind-html 和 ng-model同时使用

可以同时使用 `ng-bind-html` 和 `ng-model`，但要注意以下几点：

1. `ng-model` 绑定的是表单元素的值，例如 `input`、`select`、`textarea` 等，而 `ng-bind-html` 绑定的是 HTML 内容。
2. `ng-bind-html` 必须与 `$sce.trustAsHtml` 方法一起使用，以确保 HTML 内容被正确解析和渲染。例如：

   <div ng-bind-html="$ctrl.htmlContent"></div>

   angular.module('myApp', []).controller('myCtrl', function($sce) {
     this.htmlContent = $sce.trustAsHtml('<p>Hello, world!</p>');
   });

3. 如果需要将表单元素的值与 HTML 内容绑定在一起，可以使用自定义指令。例如：

   <div my-directive ng-model="$ctrl.htmlContent"></div>

   angular.module('myApp', []).directive('myDirective', function($sce) {
     return {
       restrict: 'A',
       require: 'ngModel',
       link: function(scope, element, attrs, ngModel) {
         ngModel.$formatters.push(function(value) {
           return $sce.trustAsHtml(value);
         });
         ngModel.$parsers.push(function(value) {
           return value ? value.toString() : '';
         });
       }
     };
   });

这里的自定义指令将 ng-model 绑定的值转换为 HTML 内容，并将 HTML 内容还原为字符串。这样就可以同时使用 `ng-bind-html` 和 `ng-model` 了。