动态编译 angular 指令

Question

如果我像这样添加 angular material 指令 md-button :

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

它不会识别它是 angular 指令。 问题是 - 如何重新编译 scope/element

Answer 1

不确定是否应该这样做，但正确的方法是使用 $compile 函数：

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

工作plunker。