Angular-UI下拉菜單不打開

Question

我從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> 

我看到頁面中的下拉按鈕，但當我點擊它時，它不會打開。

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