javascript - Angular-UI ドロップダウンが開かない

Question

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>

ページにドロップダウン ボタンが表示されますが、クリックしても開きません。

Answer 1

my_templateの内容が間違っていると思います。

私はそれを変更しました。

今の内容$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>