AngularJS：如何将数据从指令传递到控制器函数

我正在尝试将一些数据从指令传递到函数中addTrackFromPicker在我的控制器中。

$scope.addTrackFromPicker = function (message) {
    console.log("addTrackFromPicker", message);
};

这是我的指令中的内容

dir.directive('youtubeList', function($http, $timeout, YT_event){
    return {
        restrict: 'E',
        scope: {
            search: '=',
            dial: '&'
        },
        templateUrl: 'youtube-list.html',
...

在这里我想从我的模板调用控制器函数并传递它item.id.$t作为参数：

<div class="media list-group-item" ng-repeat="item in entries">
<a type="button" ng-click="dial(item.id.$t)">
    <img  ng-src="{{item.media$group.media$thumbnail[0].url}}">
</a>

但我不知道如何将它传递到我的标签中

<youtube-list search="search" dial="addTrackFromPicker(???)"></youtube-list>

我也尝试过$parent.addTrackFromPicker但没用

为了从指令中传递数据，您需要这样做：

<youtube-list search="search" dial="addTrackFromPicker(data)"></youtube-list>

然后，在您的模板中：

<div class="media list-group-item" ng-repeat="item in entries">
    <a type="button" ng-click="dial({data: item.id.$t})">
        <img  ng-src="{{item.media$group.media$thumbnail[0].url}}">
    </a>
</div>

您可以使用除以下之外的“参数名称”data如果其他事情对您的情况更有意义。看Angular 的文档scope https://docs.angularjs.org/api/ng/service/%24compile#-scope-有关其工作原理的详细信息。