单击自定义指令后的控制器方法？ 角js

Question

我有我的自定义指令，可以在父HTML中上传这样的文件

<uploading-multiple-files controlmodel="serviceProfile.serviceProfileAttachments"
   upload-all-action="uploadAll"  delete-action="deleteImage"
   attachment-type-id="scopeTypeId" url="scopeUrl" enable-upload="enableUpload">
</uploading-multiple-files>

在父控制器中，deleteAction的代码为

  $scope.deleteImage = function (attachment) {

        alert(attachment.id);
   }

我的uploadAllAction现在正在工作，我想以类似的方式实现deleteAction，这是它的实现

function uploadingMultipleFiles(FileUploader, $rootScope, $http, $filter, $window, browser) {
    return {
        replace: false,
        scope: {
            'attachmentTypeId': '=?',
            'controlmodel': '=',
            'url': '=',
            'maxsize': '=?',
            'uploadAllAction': '=?',
            'deleteAction': '=?',
            "counter": '=?',
            "enableUpload": '=?',
            "isRequired": '=?'
        },
        templateUrl: '/app/views/Controls/UploadingMultipleFilesDirective/UploadingMultipleFilesDirectiveTemplate.html',
        link: link
    };

现在我想初始化我的方法

  <div class="col-md-6" ng-repeat="item in controlmodelFiltered">
        <div class="col-md-12">
            <button class="info" ng-click="delete(item)">x</button>        
        </div>  
  </div>

因此，指令中的ng-click="delete(item)"用于初始化deleteAction

    scope.delete = function (attachment) {
        debugger;
        scope.deleteAction(attachment);    //error delete action is not defined           
    }

当我单击删除按钮时，指令js初始化带有附件的deleteAction，它应调用控制器方法，然后在指令中定义，但出现错误

TypeError：scope.deleteAction不是函数

Answer 1

您应该将deleteAction作为一个绑定为`deleteAction：'＆'的动作传递，然后您可以执行类似的操作

<button class="info" ng-click="deleteAction({item})">x</button> 

如前所述，我建议在创建组件时避免使用双向绑定。