AngularJS: Getting text from TD in directive attached via an attribute and raising event in controller $scope?

Question

I seem to have a small issue. I have created a directive and inserted the directive via an attribute on an existing DIV, see below.

<td my-directive>This Text I want to get hold of in my directive</td>

and the directive is displayed here. I did try playing around with element.parent() but this doesn't seem to work.

.directive('myDirective', function () {
    return {
      template: '<div></div>',
      restrict: 'A',
      link: function(scope, element, attrs) {
        element.text(element.parent().text); // Doesn't work
      }
    };
  });

I want the TD to continue with its normal operation i.e. Displaying the text with the TD element. But its blank, so I thought about re-injecting it in the directive, but why is it blank?

Actually what I am trying to do is any part of the directive is clicked I want to do some internal stuff and then raise an event on the $scope which is shared by controller i.e.

      element.click(function(){
          //alert("direc clicked");
          scope.onClick()
      });

Not sure if I am doing this correct.

Anyone done this before ?

ben75 · Accepted Answer · 2013-12-02 16:04:38Z

1

I think you just need to add ng-transclude in your template:

.directive('myDirective', function () {
  return {
    template: '<div ng-transclude></div>',
    transclude: true,
    restrict: 'A',
    link: function(scope, element, attrs) {
      element.text(element.parent().text); // Doesn't work
    }
  };
});

source

edited Dec 2, 2013 at 16:04

answered Dec 2, 2013 at 15:45

ben75

28.8k12 gold badges95 silver badges140 bronze badges

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

2 Comments

Martin Over a year ago

Error: [ngTransclude:orphan] Illegal use of ngTransclude directive in the template! No parent directive that requires a transclusion found. Element: <div ng-transclude="">

ben75 Over a year ago

can you re-try with the transclude: true ?

Collectives™ on Stack Overflow

AngularJS: Getting text from TD in directive attached via an attribute and raising event in controller $scope?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related