javascript - 如何在 Angular 中循环和生成文本

Question

我有一个清单

$scope.options = [
    { id:1, val: "Item 1"},
    { id:2, val: "Item 2"},
    { id:3, val: "Item 3"}
];

我希望能够生成一个 xml 元素列表

    <Name>{{option.id}}</Name>
    <Value>{{option.val}}SAS</Value>

我希望能够在文本区域内生成它

   <textarea>
    // some kind of loop here
    <Name>{{option.id}}</Name>
    <Value>{{option.val}}SAS</Value>
   </textarea>

ng-repeat 元素似乎需要在某些类型的元素中，例如 option、div 等。

这对我不起作用。我需要它来简单地在文本区域内生成文本字符串。

有人可以提供一个例子吗？

Answer 1

好吧，控制器中的自定义函数可能会有所帮助：

$scope.xmlGenerator = function() {
    var xml = "";
    angular.forEach($scope.options, function(key, value) {
        xml += "<Name>" +value.id+"</Name><Value>" + value.val + "SAS</Value>";
    }
}

在你的textarea

<textarea>{{xmlGenerator()}}</textarea>