如何使用ng-bind-html将button元素保留在父元素中?

时间:2016-10-18 15:43:34

标签: angularjs

我有代码片段:

<li class="list-group-item list-group-item-info clearfix">
    <button ng-if="vm.data.LongDescription" ng-click="vm.toggle=!vm.toggle" class="btn btn-sm btn-primary pull-right" style="padding: 2px 10px">More...</button>
    {{vm.data.Description}}
</li>

其中vm.data是模型。

问题:说明可能包含HTML标记。要正确渲染,我必须使用

<li class="list-group-item list-group-item-info clearfix" 
ng-bind-html="vm.data.Description">

输出说明。

如果我这样做,button内的<li>元素将会消失,<li>的所有内容都将被描述文字替换。

如何呈现HTML描述并保留按钮元素?

0 个答案:

没有答案