Javascript AngularJS-将对象传递到ng include(动态)
下面我有一个工作的例子。。。但有一个问题。。。html中的node.title工作正常。。。但是当Javascript AngularJS-将对象传递到ng include(动态),javascript,angularjs,object,Javascript,Angularjs,Object,下面我有一个工作的例子。。。但有一个问题。。。html中的node.title工作正常。。。但是当{{node.title}进入ng包含文件时。。。不起作用。只有全局$scope可见,而不是“节点”对象 var-element=angular.element($(“.withOptions”); var scope=element.scope(); var注入器=元素。注入器(); var compile=injector.get(“$compile”); 编撰( “”+节点.标题+”' )(范
{{node.title}
进入ng包含文件时。。。不起作用。只有全局$scope可见,而不是“节点”对象
var-element=angular.element($(“.withOptions”);
var scope=element.scope();
var注入器=元素。注入器();
var compile=injector.get(“$compile”);
编撰(
“”+节点.标题+” '
)(范围)。附录($(“.withOptions”);
您的代码在调用时引发异常:
compile(
'<li id="list_77"><div><i class="icon20 i-folder-open"></i>'+node.title+' <i class="icon16 i-arrow-down-2"></i><div ng-include="\'http://localhost/test/public/theme\'"></div></div></li>'
)(scope).appendTo($(".withOptions"));
在指令中,在何处运行此代码?你能在plunker/fiddle中复制它吗?不能在指令中复制。。。就在我的控制器的函数中
compile(
'<li id="list_77"><div><i class="icon20 i-folder-open"></i>'+node.title+' <i class="icon16 i-arrow-down-2"></i><div ng-include="\'http://localhost/test/public/theme\'"></div></div></li>'
)(scope).appendTo($(".withOptions"));
compile(
'<li id="list_77"><div><i class="icon20 i-folder-open"></i>'+node.title+' <i class="icon16 i-arrow-down-2"></i><div ng-include="\'http://localhost/test/public/theme\'"></div></div></li>'
)(scope,function(clonedElement,scope){
clonedElement.appendTo($(".withOptions"));
});