我正在从html
对象生成javascript
。例如,我有以下对象:
var e = [{'element' : 'button', 'innerHTML' : '<span class="dropdown-toggle">More<span class="caret"></span></span><ul class="dropdown-menu"><li>Menu item</li></ul>',
'attrs' : {'class' : 'btn dropdown'}}];
js
函数生成以下字符串$scope.my_template
:
<button class="btn dropdown">
<span class="dropdown-toggle">More
<span class="caret"></span>
</span>
<ul class="dropdown-menu">
<li>Menu item</li>
</ul>
</button>
我试图将此模板应用于html页面:
<div ng-bind-html-unsafe="my_template">
</div>
我在页面中看到了下拉按钮,但是当我点击它时,它没有打开。
答案 0 :(得分:0)
我认为my_template
的内容是错误的。
我改变了它,它对我来说很好:http://plnkr.co/edit/9VPMl35wzrUFkEWHFup5?p=preview
现在$scope.my_template
的内容是:
<div class="dropdown">
<button data-toggle="dropdown" class="btn dropdown-toggle" >More <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li>Menu item</li>
</ul>
</div>