在 angularjs 中动态更改模型数据

Question

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

位于 'list' 和 $scope.list 内的 JSON 数组绑定到一个 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 应该会有所帮助。
• 确保您的过滤器是您应用的依赖项。