AngularJS element.innerHTML is undefined from within directive

up vote7down votefavorite 1

Let's say I have: directives.directive('foo', function () { return { restrict:'A', scope: true, link:function (scope, element, attr) { console.log('innerHTML is ' + element.innerHTML); scope.$watch('update', function (newValue) { console.log('innerHTML is... ' + element.innerHTML); }); } } }); ... then innerHTML is undefined. I imagine this is due to the way Angular processes the DOM. What is the right way to obtain the innerHTML? angularjs innerhtml angularjs-directive shareimprove this question asked Feb 10 '13 at 17:25 Robert Christian 7,681154770

add a comment

1 Answer

activeoldestvotes

up vote19down voteaccepted	The element variable that is passed to your link function is a jqLite object - not a DOM object. You can obtain the DOM object with element[0] (like you could in jQuery), but jqLite provides a method for you: element.html(). Check out the docs. shareimprove this answer answered Feb 10 '13 at 20:03 Josh David Miller 98.9k139983
	Thank you. Exactly what I was missing. – Robert Christian Feb 11 '13 at 0:47