How to loop and generate text in Angular

Question

I have a list

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

I want to be able to generate a list of xml elements

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

I want to be able to generate it inside a text area

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

The ng-repeat element seems to require to be in some of type of element such as option, div, etc.

This won't work for me. I need it to simply generate text strings inside a textarea.

Could someone please provide an example?

Might have to construct that manually and append it to the textarea — tymeJV
– tymeJV, Commented Oct 7, 2013 at 17:40
I need to be able to use ng-repeat inside a textarea. Anyone know how to do that? — Padraig
– Padraig, Commented Oct 7, 2013 at 17:47

tymeJV · Accepted Answer · 2013-10-07 17:47:20Z

2

Well, a custom function in your controller might help:

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

And in your textarea

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

answered Oct 7, 2013 at 17:47

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to loop and generate text in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related