未在HTML结合块中应用类

Question

伙计们！我在离子项目中有视图，可以通过单击按钮打开模态窗口。该模态的数据从$ scope.tricle动态加载。

查看模板：

   <script id="modal.html" type="text/ng-template">
  <ion-modal-view ng-style="{'max-width': '100%',
        'bottom': '0px', 'left': '0px', 'margin': 'auto',
        'position': 'fixed',
        'right': '0px',
        'top': '0px', 'width': '100%'}">
    <ion-content style="background:url(img/weather-background.jpg) no-repeat; background-size:100%;">
      <div ng-click="closeModal()" style="z-index:999;color:#000;margin:10px 0 0 10px; position: absolute">
        <div style="width:100%;">
          <i class="ion-close-round"></i>
        </div>
        <div style="width:100%;" ng-bind-html="article.modal_content"></div>
      </div>
    </ion-content>
  </ion-modal-view>
</script>

所有HTML数据都正确应用，但是模板类不适用于此。

这是我的控制器：

.controller('ArticleCtrl',function($scope, ContentFac, $state,$ionicLoading,$ionicModal){
  $scope.article = {};
  $ionicLoading.show({
    template: '<ion-spinner icon="android"></ion-spinner>'
  });
  $scope.openModal = function(template){
    $ionicModal.fromTemplateUrl(template, {
      scope: $scope,
      animation: 'slide-in-up',
    }).then(function(modal) {
      $scope.modal = modal;
      $scope.modal.show();
    })
  };
  $scope.closeModal = function() {
    $scope.modal.hide();
  };
  // Cleanup the modal when we're done with it!
  $scope.$on('$destroy', function() {
    $scope.modal.remove();
  });
  $scope.$on('$ionicView.loaded',function(){
    ContentFac.getArticle($state.params.item).then(function(data){
      $scope.$broadcast('fadeContent');
      console.log(data);
      $scope.article = data;
      // $ionicLoading.hide();
    })
  });
  $scope.gotoLink  = function(url){
    window.open(url,'_system');
  }
})

例如，我在另一种视图中具有相同的模式，在此视图中，HTML数据直接插入模板中，以这种方式应用了所有模板类。问题是什么？谢谢！

Answer 1

可能是？

$scope.$apply(function () {
 $scope.article = data;
});

或（如果正在进行$摘要）

$scope.$evalAsync(function () {
   $scope.article = data;
});

Answer 2

问题是ng-bind-html不编译标签的属性'id'，因此我们不能对其应用任何样式，但是可以应用属性'class'/p>