AngularJS-是否可以从代码中编译和链接模板
AngularJS - Is it possible to compile and link template from code?
如何将以下代码追加到文档中2?
var $injector = angular.injector(['ng']);
$injector.invoke(function ($compile, $rootScope) {
var link = $compile('<p>{{1+1}}</p>');
var newElement = link($rootScope);
$(document.body).append(newElement);
});
我现在在浏览器中看到的是
{{1+1}}
编辑
我希望添加到主体元素,不仅仅是插入的静态HTML,而是一个有角度的应用程序,这样它就可以反映范围的变化,具有事件处理程序等。
您需要将其绑定到$scope
而不是$rootScope
,请将行更改为
function ctrl($scope) {
var $injector = angular.injector(['ng']);
$injector.invoke(function ($compile) {
var link = $compile('<p>{{1+1}}</p>');
var newElement = link($scope);
$(document.body).append(newElement);
});
}
或者,您可以使用$interpole模块。
function ctrl($scope, $interpolate) {
var $injector = angular.injector(['ng']);
$injector.invoke(function ($compile) {
var link = '<p>{{1+1}}</p>';
var exp = $interpolate(link)({});
$(document.body).append(exp);
});
}
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 如何使用jQuery自动打开页面上的所有链接
- 超链接;编译angular指令内的模板后无法工作
- AngularJS 指令:使用包含/编译链接集合中的对象
- AngularJS - 是否可以在链接或编译中的指令上更改ngModel属性的值
- AngularJS:如何在指令编译和链接后从指令内部运行JavaScript
- 从其自己的链接器函数编译指令
- 角度指令编译/链接未被调用
- AngularJS-是否可以从代码中编译和链接模板
- angular templateUrl在动态编译中扰乱了链接顺序
- 从另一个指令动态添加、编译和链接ng类属性
- AngularJS中多属性指令的编译和链接顺序
- 在链接函数中使用addClass vs在编译函数中使用addClass
- 我应该使用编译或链接
- AngularJS指令在链接或编译函数中修改加载的模板
- 从网页中删除CSS(动态加载,编译,不链接标签)
- Angular JS指令——模板、编译或链接
- 在指令's链接函数执行之前编译跨包内容
- 链接、控制器和编译函数中的各种注入物是什么
- 在AngularJS中监听事件和操作DOM(编译、链接)的地方