Compile angular directive dynamically

Question

If I add angular material directive md-button like this:

angular.element( document.body ).append( '<md-button> Material' )

It doesn't acknowledge that this is an angular directive. The question is how to recompile a region / element

+3

angularjs angular-material

Dmitry Kirpichenko June 10. 15 at 15:14

source to share

1 answer

chris · Accepted Answer · 2015-06-10T17:31:31+0000

Not sure if you should be doing this, but the correct way is to use a function $compile

:

angular.element(document.body).append($compile('<md-button> Material')($scope))

The plunker works .