Angular-UI 下拉菜单未打开答案

【问题标题】：Angular-UI dropdown doesn't openAngular-UI 下拉菜单未打开
【发布时间】：2013-07-25 13:20:39
【问题描述】：

我正在从 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'}}];

而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>

我在页面中看到下拉按钮，但是当我点击它时，它没有打开。

【问题讨论】：

一个不错的小 jsfiddle 或 plunkr 会帮助我们帮助你。

标签： javascript twitter-bootstrap angularjs angular-ui

【解决方案1】：

我认为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>

【讨论】：