代码之家 › 专栏 › 技术社区 › user9130953

如何在指令中获取参数

angular-directive angularjs javascript

-1

user9130953 · 技术社区 · 6 年前

我有一个按钮,当我点击这个函数时,我需要调用一个指令。为此,我编写了以下代码。在创建指令之前,有一个ng change函数。我删除了ng change并保留了如下指令:

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

我怎么能接受那些论点呢 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){
            })

        }
    }
}]);

1 回复 | 直到 6 年前

Nandita Sharma 6 年前

试试这个

<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

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前