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

Geo*_*man 7 javascript model-view-controller angularjs

将输入值绑定到ng模型时,如下所示:

<input type="text" ng-model="array">
Run Code Online (Sandbox Code Playgroud)

如何将输入文本绑定为数组?因此,如果我输入one, two, three,结果模型将是[ "one","two","three ].

现在这就是我实现这个目标的方式:

<input type="text" ng-model="string" ng-change="convertToArray()">
Run Code Online (Sandbox Code Playgroud)

在我的控制器中:

$scope.convertToArray = function(){
    $scope.array = $scope.string.split(',');
}
Run Code Online (Sandbox Code Playgroud)

它工作正常,但我不认为这是最好的做法,因为我正在制作一个$scope.string变量,然后硬编码目标数组.

是否可以将输入的模型设置为数组,然后在绑定到范围之前让输入通过函数?

Mar*_*cok 20

ngList将完全按照您的意愿行事.

文本输入,用于将逗号分隔的字符串转换为字符串数组.