Hello, 

I just made an example of how I am trying to use transclude data binding. 
Well, after binding an object (message) from controller scope its 
"undefined" in link function. 

<html ng-app="myApp">
 <head>
 <script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js";
></script>


 <script>
 angular.module('myApp', []).controller('myAppController', function($scope)
 {
 $scope.message = { text: 'hello'}
 });


 angular.module('myApp').directive('myDirective', function() {
            return {
 restrict: 'E',
        template: "<div><div ng-transclude></div></div>",
        transclude: true,
        scope: { message: "=" },
        link: function (scope) {
         // Its "undefined" here
         console.log(scope.message);
        }
    };
 })
 </script>


 </head>


 <body ng-controller="myAppController">
      <my-directive>
           {{message.text}}
       <my-directive>
 </body>
</html>


Any help would be appreciated, Thanks

Regards, Thiago Rizzo

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to