在 Angular 中，如何有效地将输入项拆分为数组

Posted 2023-02-22

【中文标题】在 Angular 中，如何有效地将输入项拆分为数组

【英文标题】：In Angular, how do I efficiently split input items into an array

【发布时间】：2012-12-23 09:50:22

【问题描述】：

当像这样将输入值绑定到 ng-model 时：

<input type="text" ng-model="array">

如何将输入文本绑定为数组？所以如果我输入one, two, three，结果模型将是[ "one","two","three ]。

现在这就是我实现这一目标的方式：

<input type="text" ng-model="string" ng-change="convertToArray()">

在我的控制器中：

$scope.convertToArray = function()
    $scope.array = $scope.string.split(',');

它工作正常，但我认为这不是最佳做法，因为我正在创建一个 $scope.string 变量，然后对目标数组进行硬编码。

是否可以将输入的模型设置为数组，然后让输入在绑定到作用域之前通过函数？

【参考方案1】：

ngList 会做你想做的事。

将逗号分隔的字符串转换为字符串数组的文本输入。

【讨论】：

链接已损坏。

链接已修复 :)

【参考方案2】：

没有。由于您的输入将是来自用户的字符串，因此您需要手动将其转换为数组或任何其他格式。

此处讨论了类似的讨论和其他方法。可能这可能会有所帮助。 （请参阅此处接受的答案）

How do I set the value property in AngularJS' ng-options?