`md-highlight-text`无法与ng-bind-html`一起使用

Question

声明应用程序时，ngSanitize依赖项与ngMaterial依赖项不兼容

我已将该模块声明为：

var myApp = angular.module('myApp', ['ngTable', 'ngSanitize', 'ngMaterial', 'angularjs-dropdown-multiselect']);

我的控制台上没有任何错误，但是呈现的HTML是（隐藏了敏感数据）：

enter image description here

HTML是：

<td   data-title="'Title'" sortable="'CMPTitle'"
      ng-bind-html="item.CMPTitle"
      md-highlight-text="searchText" md-highlight-flags="i">
    <a ng-show="item.CMPId != ''" ng-click="OpenCMPItem(item.CMPId)"
       style="cursor:pointer">
        {{item.CMPTitle}}
    </a>
</td>

<td data-title="'Description'" sortable="'CMP_Submit_Description'"
    md-highlight-text="searchText"
    md-highlight-flags="i" ng-bind-html="item.CMP_Submit_Description">
  {{item.CMP_Submit_Description}}
</td>

在此ngSanitize无法正常工作，并且所有html标记在UI上均可见。 ngMaterial的md-highlight-text似乎也不起作用。

但是当我删除ngMaterial时，>>

var myApp = angular.module('myApp', ['ngTable', 'ngSanitize','angularjs-dropdown-multiselect']);
我正在页面上正确清理数据和链接。

用于所有文件的版本相同-1.7.6。

HTML中脚本的顺序是（尽管我已经尝试了很多重新安排）：

<script type="text/javascript" src="../SiteAssets/JS/angular.min.js"></script>
<script type="text/javascript" src="../SiteAssets/JS/angular-sanitize.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular-messages.min.js"></script>
<script type="text/javascript" src="../SiteAssets/JS/angular-material.min.js"></script>

ngSanitize依赖项在将应用程序声明为以下模块时不与ngMaterial依赖项配合使用：var myApp = angular.module（'myApp'，['ngTable'，'ngSanitize'，'ngMaterial'，'...] >

Answer 1

您缺少此部分来根据需要显示html

代替