I've created a custom directive.
<foo>
</foo>
Is there any way to access html within these tags ? For example
<foo>
<div>
....
</div>
</foo>
I want to access this div in my JS.
Add a comment
|
3 Answers
You need to use a ngTransclude
https://docs.angularjs.org/api/ng/directive/ngTransclude
.directive('foo', function(){
return {
restrict: 'E',
transclude: true,
template: '<ng-transclude></ng-transclude>'
};
3 Comments
A.Mujeeb
How can I get that div in my JS so that I can append that div to another directive?
Maksym Petrenko
Can you describe whole use case what you need?
A.Mujeeb
I want that div as an attribute in my controller so that I can render it in my another view.
Why not use the data-attr syntax?
<div data-foo>
<div></div>
</div>
And from the comments: You can inject $element and access or copy it's contents.
2 Comments
A.Mujeeb
using $element is bad idea.
Domenik Reitzner
I don't see why it is a bad idea, concerning the question you have asked. Please refine your question and elaborate.
1.Define the directive with the template 2.by id attribute u can append set of html tags from .js file
answered Aug 6, 2019 at 10:29
Rashmi HazeL ivy DorisFay
6521 gold badge6 silver badges13 bronze badges