ng-click在ng-include内部不起作用

Question

我有一个通过ng-include链接到组件的网站：

<div id="tracklist">
  <ng-include src="'partials/tracks.html'">
  </ng-include>
</div>

部分看起来像这样：

<div ng-controller="TracklistController">
  <div ng-repeat="track in tracks">
    <a ng-click="$('body').css('background-color', 'red')" href="#/tracks/{{ track.id  }}" class="track-link" data-audio-source="{{ track.source }}">{{ track.trackNumber + " - " + track.title  }}</a>
  </div>
</div>

它可以正常工作，但由于某种原因我的ng-click事件不会触发。请注意，更改主体背景颜色只是一项显而易见的测试，以查看其是否失败。我已经用我的实际功能（目前在文档加载时全局声明）进行了尝试，并且还对console.log进行了测试。它们均无效，因此很明显ng-click无效。有任何想法吗？

Answer 1

确保将函数放入控制器并将其分配给$ scope。

<a ng-click="action();">

function TracklistController($scope){
    $scope.action = function(){ ... }
}