Angular controllerAs and parameter

Question

I m actually creating a little directive and I m facing a problem with the scope object and controllAs.

In fact, I have this result :

angular.module('app')
.directive('historyConnection', function () {


  return {
    templateUrl: 'views/directives/historyconnection.html',
    restrict: 'E',
    scope: {
      idUser: '@iduser'
    },
    controller:function($scope){
      console.log(this.idUser); // gives undefined
      console.log($scope.idUser); // gives the good value
    },
    controllerAs:'history'
  };
});

From the html code :

<history-connection iduser="55"></history-connection>

I dont know how to make controllerAs work when passing parameters to directive. Can you help me ?

Important informations are commented in the javascript code above

I highly recommend you this post blog.thoughtram.io/angularjs/2015/01/02/… — Ivan Coronado
– Ivan Coronado, Commented Oct 1, 2015 at 9:52
there are some explanations: ng-newsletter.com/posts/directives.html — Sherali Turdiyev
– Sherali Turdiyev, Commented Oct 1, 2015 at 10:47

a better oliver · Accepted Answer · 2015-10-01 09:50:01Z

3

If you want the scope properties to be bound to the controller you have to add bindToController: true to the directive definition.

answered Oct 1, 2015 at 9:50

a better oliver

26.9k2 gold badges64 silver badges67 bronze badges

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

Collectives™ on Stack Overflow

Angular controllerAs and parameter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related