javascript - 如何制作 ng-bind-html angularjs 代码

Question

我必须通过 Angullar js 数据传递 html 代码

 this.items = [
  {
    'title': 'Angular',
    'icon': 'angular',
    'description': " <ul><li>Coffee</li><li>Tea</li><li>Milk</li></ul>A powerful Javascript framework for building single page apps. Angular is open source, and maintained by Google.",
    'color': '#E63135'
  },
  {
    'title': 'CSS3',
    'icon': 'css3',
    'description': '<ul><li>Coffee</li><li>Tea</li><li>Milk</li></ul>  The latest version of cascading stylesheets - the styling language of the web!',
    'color': '#0CA9EA'
  },
  {
    'title': 'HTML5',
    'icon': 'html5',
    'description': 'The latest version of the web\'s markup language.',
    'color': '#F46529'
  },]

bu在 View html中

{{item.description}}

不工作

ng-bind-html="item.description"
不工作

Answer 1

“默认情况下，将使用 $sanitize 服务清理生成的 HTML 内容。要使用此功能，请确保 $sanitize 可用” 为了在模块的依赖项中使用 ngSanitize，您需要在应用程序中包含“angular-sanitize.js”。

您还可以绕过对您知道安全的值的清理。为此，请通过 $sce.trustAsHtml 绑定(bind)到显式可信值。请参阅严格上下文转义 (SCE) 下的示例。

https://docs.angularjs.org/api/ng/directive/ngBindHtml

https://docs.angularjs.org/api/ng/service/ $sce#show-me-an-example-using-sce-