ng-click无法在弹出框中工作

Question

我在弹出窗口中创建了一个按钮但是没有触发ng-click功能。

这是我的按钮：

   <div class="navbar-right">
    <ul class="nav navbar-nav">
      <li>
        <button 
          href="#" 
          data-toggle="popover" 
          data-placement="bottom" 
          data-content="<button ng-click='logout()' class='pop'><p>Sign out</p></button>"
          data-html="true">
          <i class="fa fa-cog fa-2x" aria-hidden="true"></i>
        </button>
      </li>
    </ul>
  </div>

这是我的js：

   $(document).ready(function(){
    $('[data-toggle="popover"]').popover(); 
   });

我错过了什么？谢谢！

Answer 1

尝试这样的事情。

$(".pop-over-class").popover({
      'placement': 'bottom',
      'trigger': 'click',
      'html': true,
      'container': 'body',
      'content': function() {
           return $compile($(".pop-over-class").html())(scope);
      }
}

因为你需要编译返回到popover的内容。