Javascript Ng重复不在li内部工作以弹出窗口

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}} '; 它正在成功处理

我使用Dialog Serve创建了一个弹出窗口

我计划向用户展示一些类似这样的信息

    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();