1

我正在尝试在 AngularJS 视图中构造一个句子。例如，对于 variables {overdue: 5, name: "Kasper"}，我想拥有"{{overdue}} days overdue. Employee: {{name}}".

我尝试使用一个函数：

function renderLine() {
    var results = new Array();
    if (overdue) {
        result.push("{{overdue}} days overdue");
    }
    if (overdue) {
        result.push("{{points}} points");
    }
    /* combine into a string */
    var result = "";
    for (var i = 0; i < results.length; i+=1) {
        if (result.length != 0) {
            result += ", ";
        }
        result += results[i];
    }
    if (result.length > 0) {
        result += ". ";
    }
    /* add name */
    result += "Name: {{name}}";
    return result,
}

更具体地说，我的问题是：如何在以编程方式构造并有角度处理指令的字符串中使用像 {{variable}} 这样的角度指令？我不想在不使用指令的情况下构造字符串，因为字符串被翻译成不同的语言，其中变量在句子中的位置可能会改变。

4

2 回答 2

1

我最终创建了一个角度指令。ui-if和指令是 DOM 操作指令的ngRepeat良好起点。有一些修改指令的代码：

angular.module("hk").directive("myDirective", 
[       "$interpolate", "$log",
function($interpolate,   $log) {
    return {
        transclude: 'element',
        replace: false,
        restrict: 'A',
        terminal: true,
        compile: function(tElement, tAttrs, linker) {
            return function(scope, elem, attr) {
                var lastElement;
                var lastScope;
                var expression = attr.myDirective;
                scope.$watch(expression, function (item) {
                    if (lastElement) {
                        lastElement.remove();
                        lastElement = null;
                    }
                    if (lastScope) {
                        lastScope.$destroy();
                        lastScope = null;
                    }
                    lastScope = scope.$new();
                    lastScope.item = item;
                    linker(lastScope, function (clone) {
                        lastElement = clone;
                        var results = [];
                        if (item.isactive) {
                            results.push("++{{item.createdtime | age}} active");
                            if (item.status == 'started') {
                                results.push("++{{item.startedtime | age}} started: {{item.startedby_displayname}}");
                            }
                        }
                        if (item.islate) {
                            results.push("++{{item.latetime | age}} past due");
                        }
                        var result = "";
                        for (var i = 0; i < results.length; i+=1) {
                            if (result.length != 0) {
                                result += ", ";
                            }
                            result += results[i];
                        }
                        if (result.length > 0) {
                            result += ". ";
                        }
                        if (!item.startedby_displayname) {
                            if (item.assignedto_displayname) {
                                result += "++Assigned to {{item.assignedto_displayname}}.";
                            }
                        }
                        var interpolated = $interpolate(result)(lastScope);
                        elem.after(interpolated);
                    });
                });
            };
        }
    };
}]);
于 2013-01-03T11:28:09.997 回答
0

我认为您可以将$scope.$eval其用于您的目的。看到这个小提琴

在您可以创建这样的消息：

$scope.$eval('"Hello "+name');

然后让要评估的字符串根据语言进行更改。

{de: '"Hallo " + name', it: '"Buon giorno "+ name', fr: '"Salut " +name'}

或者类似的东西（当然你会想要检查这些翻译）。

您还可以创建一个指令并使用 $compile来保留您现在正在使用的确切字符串。

于 2013-01-02T19:43:07.563 回答