我正在尝试学习AngularJS,我正在尝试动态地编译一些DOM元素…
我试过演示:
我试过演示:
try { var templateHTML = angular.element('<p>{{total}}</p>'),scope = ....; var clonedElement = $compile(templateHTML)(scope,function(clonedElement,scope) { //attach the clone to DOM document at the right place }); //now we have reference to the cloned DOM via `clone` } catch (ex) { alert(ex.message); }
但是我收回的是一个“$compile is not defined”
帮帮我!
在指令中使用$compile的示例代码.基本上继续首先将元素追加到DOM(可能希望保持不可见),然后通过使用finder来运行编译器,如rtcherry所提到的,应该注入$compile.
// componentModule.directive('getCompilerWk',function($compile) { return { restrict: 'A',link: function(scope,elm,attr) { elm.click(function(){ $(body).append(templateHTML); $compile($(body).find('p'))(scope); }) } }; });