如何在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等。

这对我不起作用。我需要它来简单地生成文本字符串 in textarea。

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

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>