如何在指令中获取参数

Question

我有一个按钮，当我点击该功能时，我需要调用一个指令。为此，我编写了以下 code.before 创建指令有一个 ng-change function.I 删除了 ng-change 并保留如下指令，

<button  upload-file="selectedDocumentName,loanFolderNumber" ><!-- ng-click="uploadFile(selectedDocumentName,FolderNumber)" -->

如何在我的 directive.I 中获取参数 selectedDocumentName,FolderNumber 已经尝试过以下方式，但我没有得到值。

指令：-

app.directive('uploadFile',['documentService',function(documentService){
    return {
        restrict: 'AE', 
        scope: {
            selectedDocumentName: '=',
            FolderNumber: '=',
        },controller: function($scope){
            $scope.selectedDocumentName;
        },
        link : function($scope,element,attrs){

            element.on('click',function(e){
            })

        }
    }
}]);

Answer 1

试试这个

<button upload-file obj="obj">A</button>

    var myApp = angular.module('myApp',[]);


    myApp.directive('uploadFile', function() {
        return {
            restrict: 'AE', 
            scope: {
                obj1: '='
            },controller: function($scope){
                $scope.obj2 = JSON.parse(JSON.stringify($scope.obj1))
                console.log($scope.obj2.selectedDocumentName);
                $scope.obj2.selectedDocumentName = "DEF";
                 console.log($scope.obj2.selectedDocumentName);
            },
            link : function($scope,element,attrs){

                element.on('click',function(e){
                })

            }
        }
    });


    myApp.controller('MyCtrl', function ($scope) {
       $scope.obj = {selectedDocumentName : "ABC",loanFolderNumber : "DEDF"};
    });

勾选这个fiddle

如何在指令中获取参数

how to get arguments in directive

javascript

angularjs

angular-directive