How to access angularJS controller as variables?

Question

How to define the value for controller as elements inside custom directive link function?

HTML

<div ng-controller="myCtrl as ctrl">
   <input type="text" ng-model=ctrl.inputvalue" my-directive/>
   <button value="submit" ng-disabled="ctrl.disable"/>
</div>

JS

app.controller('myCtrl',function(){
    var vm = this;
    vm.inputValue = 'Qwerty';
});
app.directive('myDirective',function(){
    return{
        require:'ngModel',
        link:function(scope,elements,ngModelCtrl){
        //How to access ng-diasbled value here
        });
    }    
});

the javascript doesn't seem to be correct near the link-function. Is this a typo in the question or is this how your code looks? one ) to much and the ; should belong to the return statement — Gustav
– Gustav, Commented Oct 16, 2015 at 6:49
yes. its typo mistake. link:function(scope,elements,ngModelCtrl){ //How to access ng-diasbled value here }; — User1
– User1, Commented Oct 16, 2015 at 7:01

Eftakhar · Accepted Answer · 2015-10-19 11:40:21Z

1

Inside link function write as scope.ctrl.disable to access the disable value.

answered Oct 19, 2015 at 11:40

Eftakhar

4554 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex Lebedev · Accepted Answer · 2015-10-16 09:29:57Z

1

app.directive('myDirective',function(){
        return{
            require:'ngModel, ^myCtrl',
            link:function(scope,elements,ctrls){
                var d = ctrls[1].disable
            });
        }    
    });

edited Oct 16, 2015 at 9:29

answered Oct 16, 2015 at 6:50

Alex Lebedev

6095 silver badges14 bronze badges

7 Comments

Alex Lebedev Over a year ago

When you set more than one required controller - they are passed as array into Link function. Order of this array is the same as in "require"

User1 Over a year ago

If we need to use ngModelCtrl,$parsers then it should be var ngModelCtrl = ctrls[0]; right?

User1 Over a year ago

I am getting following error. Error: [$compile:ctreq] errors.angularjs.org/1.3.18/$compile/…

Gustav Over a year ago

the controller(s) are the 4th parameter to the link function. the third one is attributes.

User1 Over a year ago

yes. link: function (scope, element, attrs, ctrls)

|

Collectives™ on Stack Overflow

How to access angularJS controller as variables?

2 Answers 2

Comments

7 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Related