如何将ng-model值赋予指令

时间:2018-06-11 09:47:53

标签: javascript angularjs angular-directive

在以下指令中我需要ng-model值。

  app.directive('getRelatedDocumentDetails',['documentService',function(documentService){


    return {
            require: 'ngModel',
            restrict: 'AE', //attribute or element
            replace: true,
            link: function(scope,element,attrs,ngModel){
                element.on('change',function(element,attrs){
            //Here I need ng-model
    })

            }
        }

在上面的代码中,我没有在更改函数中获得ng-model。

1 个答案:

答案 0 :(得分:0)

链接功能允许您像在控制器中一样直接访问范围对象。

因此,您可以直接访问ng-model此处使用的范围对象

假设你将html定义如下

<get-related-document-details ng-model="myVar">
</get-related-document-details>

然后控制器中的代码就像

app.directive('getRelatedDocumentDetails',['documentService',function(documentService){


    return {
            require: 'ngModel',
            restrict: 'AE', //attribute or element
            replace: true,
            link: function(scope,element,attrs,ngModel){
                element.on('change',function(element,attrs){
            scope.myVar='something'; //here you can assign value to ng-model scope variable
    })

            }
        }