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

发布时间：2020-12-17 17:59:49 所属栏目：安全来源：网络整理

导读：我正在尝试将指令中的一些数据传递给我的控制器中的函数addTrackFromPicker. $scope.addTrackFromPicker = function (message) { console.log("addTrackFromPicker",message);}; 这是我在指令中的内容 dir.directive('youtubeList',function($http,$timeout,

我正在尝试将指令中的一些数据传递给我的控制器中的函数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>

如果其他内容对您的情况更有意义,您可以使用除数据之外的“参数名称”.有关其工作原理的详细信息,请参见Angular’s documentation on scope.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!