Angular JS:将textarea内容绑定到特定的对象数组

时间:2016-01-22 14:54:17

标签: angularjs textarea angularjs-ng-model angular-nglist

是否有任何简单(或没有这么简单)的方法将textarea模型绑定到特定的对象数组?

textarea的

enter image description here

到目前为止,我可以使用ng-list指令中的某个特定符号将其绑定到简单数组:

<textarea ng-trim="false" ng-list="&#10;"></textarea>

这给了我一个这样的数组:

["value1;value2;value3;", "value1;value2;value3;", "value1;value2;value3;"]

但是,我想实现这个目标:

[{field1: "value1", field2: "value2", field3: "value3"}, {field1: "value1", field2: "value2", field3: "value3"}]

1 个答案:

答案 0 :(得分:0)

您可以构建这样的函数:

$scope.createObject = function(){
  $scope.newAr = []

  for(var i = 0; i < $scope.data.length; i++){
    var str = $scope.data[i]

    var splitStr = str.split(";");
    var obj = {};

    for(var j = 0; j < splitStr.length; j++){
      obj['field'+(j+1)] = splitStr[j];
    }
    $scope.newAr.push(obj)
  }
}

然后用ng-change调用它:

<textarea ng-change="createObject()" ng-model="data" ng-trim="false" ng-list="&#10;"></textarea>

Here是一名工作人员。