ng-click在引導彈出窗口內容中不起作用

Question

我想在彈出窗口中顯示可點擊的表格，並在點擊某行時調用函數。我的HTML看起來像這樣：

<a popover id="showDays" 
    type="button" 
    class="btn btn-success btn-xs pull-left" 
    data-toggle="popover" 
    data-placement="right" 
    data-html="true" 
    title="Popover title" 
    data-content= 
    '<table class="table table-condensed"> 
     <tbody> 
     <tr ng-repeat="d in days" ng-click="show(111)"> 
      <td ng-bind="d"></td> 
      <td ng-bind="x"></td> 
     </tr> 
     </tbody> 
    </table>'> 
     <i class="fa fa-clock-o fa-lg">Click me</i> 
</a> 

而且我的script.js： VAR應用= angular.module（ 'plunker'，[]）;

app.controller('MainCtrl', function($scope) { 
    $scope.days = [ 
    'Sunday', 
    'Monday', 
    ]; 
    $scope.show = function(x) { 
    console.log("show called with " + x); 
    $scope.x = x; 
    } 
}).directive('popover', function($compile, $timeout){ 
    return { 
    restrict: 'A', 
    link:function(scope, el, attrs){ 
     var content = attrs.content; 
     var elm = angular.element('<div />'); 
     elm.append(attrs.content); 
     $compile(elm)(scope); 
     $timeout(function() { 
     el.removeAttr('popover').attr('data-content',elm.html()); 
     el.popover(); 
     }); 
    } 
    } 
}); 

Demo here

的代碼是從這個question複製，答案本身工作正常，但我show功能不被調用。任何想法爲什麼？

Answer 1

我已經找到了問題，由於某些原因，指令無法綁定功能show與scope，但days成功，我已經嘗試了一些東西，如果我改變了link功能的書寫方式，NG-點擊將會起作用，但不會重複，這意味着在這種情況下它沒有綁定days。

更新DEMO使用templateUrl，而不是數據內容屬性

<script type="text/ng-template" id="popover-content"> 
    <table class="table table-condensed"> 
     <tbody> 
     <tr ng-repeat="d in days" role="button" ng-click="show(111)"> 
      <td ng-bind="d"></td> 
      <td ng-bind="x"></td> 
     </tr> 
     </tbody> 
    </table> 
    </script> 

現在都NG重複和NG-點擊工作對我罰款。