Angular UI下拉列表;t打开
Angular-UI dropdown doesn't open
我正在从javascript
对象生成html
。例如,我有以下对象:
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'}}];
以及生成以下字符串$scope.my_template
:的js
函数
<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>
我看到页面中的下拉按钮,但当我点击它时,它不会打开。
我认为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>
相关文章:
- 当我在页脚中打开下拉列表时,关闭页眉中的下拉列表(下拉列表具有相同的类)
- 单击辐射网格过滤器时不会打开下拉列表
- Knockoutjs - 单击按钮时打开选择下拉列表
- 鼠标悬停时打开下拉列表
- 引导 + 选择多选下拉列表始终打开
- 单击关闭时,使引导下拉列表保持打开状态
- Select2 以编程方式设置搜索词并打开包含相关结果的下拉列表(无 ajax 调用)
- 下拉列表中的链接选择不起作用的IE8 / 9打开下拉选择链接,警报有效
- 使用 jquery 在悬停时打开下拉列表
- 检测下拉列表打开
- 从下拉列表中打开 URL
- 基础 6 站点 - 下拉列表:单击时窗格无法打开
- 如何使用 JavaScript 打开一个下拉列表并关闭另一个下拉列表
- 单击时使Zurb基金会下拉列表保持打开状态
- 有没有办法在打开下拉列表之前过滤typeahead.js的选择
- 如何在单击相同位置的图像后打开下拉列表
- 从javascript打开下拉列表
- 在代码隐藏中打开下拉列表控件
- Select2-打开下拉列表后形成下拉列表时需要一个事件
- 在打开下拉列表之前执行