在angularjs中即时更改模型数据

Question

我需要在textarea中显示一个JSON数组，但需要稍作修改。

JSON数组位于＆＃39; list＆＃39;并且$scope.list绑定到JSON对象。

如何在agnularjs中将动画中的分隔符从逗号更改为\n？

http://jsfiddle.net/Pn5Xv/

列出json：

{
    "items" : [ { "outputs" : ["one","two"] } ]
}

HTML：

<div ng-repeat="record in list">
  <textarea ng-model="record.outputs"></textarea>
</div>

Answer 1

您可以为此任务创建custom filter：

JavaScript的：

myApp.filter('arrayToString', function() {
    return function(inputArray) {
        return inputArray.join("\n");
    };
});

在你的HTML中：

<div ng-repeat="record in list">
    <textarea>{{record.outputs | arrayToString}}</textarea>
</div>

备注：

• 您不再使用ng-model，而是需要自行跟踪更改并反转整个输入，ng-change或ng-form应该会有所帮助。
• 确保过滤器是您应用的依赖项。