Question

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

我打算像这样向用户展示一些消息

    txt = '<ul> 
        <li data-ng-repeat = "eachValue in dummnyList" > 
           {{eachValue | applyFilter}}
        </li></ul>' ;

它处理成功但考虑{{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
        });

Answer 1

有你的问题。 AngularJS不知道你添加了这段代码。您可以使用$ compile添加this question中的代码。

$('body').append($compile("<my-angular-directive />")(scope));
scope.$apply();

但你应该考虑摆脱旧的jQuery并用角度来完全解决你的问题...

Answer 2

在angularJS中，您不应在directives之外修改模板。您应该创建一个指令来创建弹出窗口。你可以解决并保持你的jQuery习惯，但这不是AngularJS的工作方式。

Ng重复不在li内部工作弹出

2 个答案: