Javascript Ng重复不在li内部工作以弹出窗口
我使用Dialog Serve创建了一个弹出窗口 我计划向用户展示一些类似这样的信息Javascript Ng重复不在li内部工作以弹出窗口,javascript,angularjs,Javascript,Angularjs,我使用Dialog Serve创建了一个弹出窗口 我计划向用户展示一些类似这样的信息 txt = '<ul> <li data-ng-repeat = "eachValue in dummnyList" > {{eachValue | applyFilter}} </li></ul>' ; txt=' {{eachValue | applyFilter}} '; 它正在成功处理
txt = '<ul>
<li data-ng-repeat = "eachValue in dummnyList" >
{{eachValue | applyFilter}}
</li></ul>' ;
txt='
-
{{eachValue | applyFilter}}
';
它正在成功处理,但它将{{eachValue | applyFilter}}视为文本
- {{eachValue | applyFilter}}
var txt = '<ul>
<li data-ng-repeat = "eachValue in dummnyList" >
{{eachValue | applyFilter}}
</li></ul>' ;
var proceedButton = {label:'Ok', result: 'ok', cssClass: 'btn blue-button', returnFunction: proceedFunction};
var cancelButton = {label:'Cancel', result: 'not ok', cssClass: 'btn red-button', returnFunction:cancelFunction};
var buttons = [];
buttons.push(proceedButton);
buttons.push(cancelButton);
DialogUtils.openMessageBox({
title: 'Note',
message: txt,
buttons: buttons
});
var txt='
-
{{eachValue | applyFilter}}
';
var proceedButton={label:'Ok',result:'Ok',cssClass:'btn blue button',returnFunction:proceedFunction};
var cancelButton={label:'Cancel',result:'not ok',cssClass:'btn red button',returnFunction:cancelFunction};
var按钮=[];
按钮。按下(proceedButton);
按钮。按下(取消按钮);
DialogUtils.openMessageBox({
标题:“注”,
信息:txt,
按钮:按钮
});
在angularJS中,您不应在外部修改模板。您应该创建一个指令来创建弹出窗口。您可以解决问题并保持jQuery习惯,但这不是AngularJS的工作方式。这是您的问题。AngularJS不知道,您添加了此代码。您可以使用$compile添加代码,如中所示
$('body')。追加($compile(“”)(scope));
作用域:$apply();
但是你应该考虑摆脱旧的jQuery,用angular完全解决你的问题……你是否在页面中动态添加
txt
(例如使用jQuery)?@Daniel。是的,我正在添加ti dynamicallyThanks。是否要像下面这样添加compile=$compile(- {{eachValue | applyFilter}}
”
引号,但实际上这应该可以解决您的问题:txt=$compile(“- {{eachValue | applyFilter}
”代码>谢谢。我是新手。我需要把这个注入角模吗。我在控制器中有此函数,而不是在指令中。您的jQuery代码位于哪里?您是否在控制器内执行操作?然后,您只需在将html标记添加到页面之前对其进行$compile即可。我正在控制器中执行这些操作。添加txt=$compile(dummnyList中的eachValue)就足够了吗;
$('body').append($compile("<my-angular-directive />")(scope));
scope.$apply();