How do I show iterate data inside textarea in html using forEach in angularJs?

Question

This is what i have on my controller:

$scope.order = [];
var values = CartService.cart;

angular.forEach(values, function (value, key) {
    $scope.order.push(value.cart_item_name);
});

This part is for the Textarea box:

$scope.payTrans = {
    myOrder: --->equals to something to get all the data
}

And this the html textarea box:

<textarea  style="height: 500px;"
           class="bookingtextareamargin"
           placeholder="Comments"
           ng-model="payTrans.myOrder">
    This where i want to show all the data like :
    Item 1
    item 2
    Item 3
    Item 4
</textarea>

Could look into using something like ngRepeat where you iterate over a collection in the HTML to display your list. — Harmelodic
– Harmelodic, Commented Nov 2, 2016 at 16:59
I have no idea how to get the values inside [Object, Object, Object, Object] — joe mrema
– joe mrema, Commented Nov 2, 2016 at 17:34

Shlomi Levi · Accepted Answer · 2016-11-02 21:31:39Z

0

Just use join (js), and \n for newline

$scope.payTrans.myOrder = $scope.order.join('\n');

html:

<div ng-controller="MainCtrl">
 <textarea id="textarea" ng-model="payTrans.myOrder">      
 </textarea>
</div>

controller:

var app = angular.module('myApp', []);

app.controller('MainCtrl', ['$scope', function ($scope) {
    $scope.order = [];
    var values = [{
        cart_item_name: 'item1'
    },
    {
        cart_item_name: 'item2'
    },
    {
        cart_item_name: 'item3'
    },
    {
        cart_item_name: 'item4'
    }    
    ];

    angular.forEach(values, function (value, key) {
        $scope.order.push(value.cart_item_name);
    });

    console.log('s', $scope.order);

    $scope.payTrans = {
        myOrder: $scope.order.join('\n')
        };

}]);

edited Nov 2, 2016 at 21:31

answered Nov 2, 2016 at 16:58

Shlomi Levi

3,3231 gold badge27 silver badges39 bronze badges

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

6 Comments

joe mrema Over a year ago

Its not working i get error TypeError: Cannot set property 'myOrder' of undefined

joe mrema Over a year ago

Hey bro, Thank you So Much Now i will never this now. On this $scope.payTrans = { myOrder: $scope.order.join('\n') }; I was missing $scope.order.join('\n') This is how i was calling it just --- > order then got something like undefined

joe mrema Over a year ago

2 days I was trying to figure this out. Thank you.

joe mrema Over a year ago

Now I see this going to look very messy in the database is there away I could set each item to be on it's Row?

Shlomi Levi Over a year ago

you welcome. if it's helpful for you should can mark this question as answered :). about you last comment - I do not understand what you mean.. what you want to save to database? the text from textarea or from array?

|

Collectives™ on Stack Overflow

How do I show iterate data inside textarea in html using forEach in angularJs?

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related