TextField事件

Question

我想通过更改文本字段来更新数组。例如，textfield包含string = "ABC“，而要更新的数组是{"ABC"，"DEF"，"GHI"}。

我用angularJS编写了以下函数：

$scope.aliasChanged = function(newVal,oldFieldValue)
{
            if($scope.ConfigJSON)
            {

                if($scope.ConfigJSON.LogProcessing.Fields.indexOf(oldFieldValue) > -1)
                {
                    $scope.ConfigJSON.LogProcessing.Fields.splice($scope.ConfigJSON.LogProcessing.Fields.indexOf(oldFieldValue),1);
                    $scope.ConfigJSON.LogProcessing.Fields.push(newVal)
                }

            }
        }

对应的html：

<input type="text" ng-model="row.alias"                               
ng-focus='oldFieldValue=row.alias'
ng-change="aliasChanged(row.alias,oldFieldValue)">

现在，如果只有一次编辑(只需按一次键，一切都可以正常工作)。从数组中删除"ABC“，添加"AB”。但是，如果一次登录多个击键，代码就会中断。去掉"ABC“，加上"AB”。但不删除"AB“，也不添加"A”。我猜想当'C‘被删除时，第一个函数调用数组处于写锁定状态。ANy提示如何实现我的目标？

Answer 1

你能把你的数组换成对象吗？这样，您就可以查找该属性，并在每次击键时更改其值。

$scope.aliasChanged = function(key,newValue)
  {
    if($scope.ConfigJSON)
    {
        if($scope.ConfigJSON.LogProcessing.Fields[key])
        {

            $scope.ConfigJSON.LogProcessing.Fields[key] = newValue;
            //$scope.ConfigJSON.LogProcessing.Fields.splice($scope.ConfigJSON.LogProcessing.Fields.indexOf(oldFieldValue),1);
            //$scope.ConfigJSON.LogProcessing.Fields.push(newVal)
        }

    }
  }

html中的调用将如下所示：

<input type="text" ng-model="row.alias"    
ng-change="aliasChanged('ABC', row.alias)">

如果您在提交表单时确实需要一个数组(或者之后要做的任何操作)，那么您总是可以将此对象转换回数组格式。

http://plnkr.co/edit/o59oJgxpBIklag0Vca5e?p=preview