如何在 angularJs 中使用 forEach 在 html 中的 textarea 中显示迭代数据？

Question

这是我的控制器上的：

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

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

这部分是Textarea框：

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

这是 html textarea 框：

<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>

Answer 1

只需使用join (js) 和\n 换行

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

html:

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

控制器：

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')
        };

}]);