试图将指令插入ui手风琴体，但被转换为文本

Question

从angular bootstrap accordon的文档中，我试图将html插入到accordon主体中。

$scope.groups = [
  {
    title: 'Dynamic Group Header - 1',
    content: '<h1>Dynamic Group Body - 1</h1>'
  },
  {
    title: 'Dynamic Group Header - 2',
    content: 'Dynamic Group Body - 2'
  }
];

然而，这会将其转换为文本，并且不会给我html。有办法做到这一点吗？

感谢

Answer 1

不能使用角度绑定直接绑定html，它们将被呈现为文本。它们需要消毒。所以试试：-

在您的手风琴中，用ng-bind-html:-绑定内容

     <accordion-group heading="{{group.title}}" ng-repeat="group in groups">
      <div ng-bind-html="group.content"></div>
    </accordion-group>

在包括脚本之后，还包括对模块依赖项的ng-splize。

示例：-

angular.module('ui.bootstrap.demo', ['ui.bootstrap', 'ngSanitize']);

演示