Angular binding directive's parameters to controller

Question

I am having trouble binding directive's parameters (using isolated scope) to access them from the directive's custom controller.

Please check this fiddle (open the console, to see the logged results!) http://jsfiddle.net/xj9gqqxn/4/

<div ng-controller="appCtr">
  <div>
    <div custom-directive param="customer.name">
    <span>{{customer.name}}</span>
    <br/>
    <input type="text" ng-model="customer.name"/>
    </div>
  </div>
</div>

When i log inside the directive's link function the value gets logged accordenly, but when i do the same within the constructor function of the controller i see the value as undefined.

If someone know how to access directive's parameters values within the constructor function of the directive's controller, please share the answer or point where i am making a mistake.. sad for me I got no further clues...

Thanks

pegla · Accepted Answer · 2017-10-03 00:01:16Z

3

Well your controller has same scope as directive so this will work just fine:

app.controller('customController', ['$scope', '$timeout' , function($scope,$timeout) {
    console.log("[customController:new] -  param value is: " + $scope.param);
}])

http://jsfiddle.net/pegla/xj9gqqxn/6/

Also if you are searching for bindToController so directive $scope value is bound to controller instead of $scope, you could do this:

bindToController: {
            param: '='
        },

Updated fiddle: http://jsfiddle.net/pegla/xj9gqqxn/8/

edited Oct 3, 2017 at 0:01

answered Oct 2, 2017 at 21:34

pegla

1,8864 gold badges19 silver badges20 bronze badges

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

3 Comments

Victor Over a year ago

Thanks Pegia... that is a clever workaround in order to have the parameter value "at hand" inside the construction function of the directive... i will try this as soon i get to work, and if it works this will be the correct answer!!

Victor Over a year ago

I also realize that using bindTOController without an alias (via controllerAs or using the 'controller Identified as alias') is prone to bug

Victor Over a year ago

about above statement: github.com/angular/angular.js/issues/15088

Collectives™ on Stack Overflow

Angular binding directive's parameters to controller

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related