Question

这是我的数组

$scope.dataList = [{name:'lin',dept:'b'},{name:'test',dept:'aaa'}];

这是我的HTML代码

<tr ng-repeat="data in dataList">
                        <td><input type="checkbox" ng-model="data.isDelete"/>{{$index}}</td>    
                        <td> <input type="text" id="firstName" ng-model="data.name"/></td>    
                        <td><input type="text" id="lastName" ng-model="data.dept"/></td>
                        <td><button ng-click="save()" ng-disabled=""> save row </button></td>

                    </tr>

这是我的app.js代码

$scope.save=function(){

            $scope.dataEntered={
                name:document.getElementById("firstName").value,
                dept:document.getElementById("lastName").value
            }
            $scope.dataList.push($scope.dataEntered );
            console.log($scope.dataList);
        };

一旦我的对象被推送，每次我得到一个重复的{name：'lin'，dept：'b'}这一行我的问题

我的要求是创建一个包含addRow和deleteRow以及saveRow按钮的表。我能够添加和删除一行。但我无法保存我输入的数据，单击保存按钮后我必须禁用我保存的行。

Answer 1

HTML：

...

 <td><button ng-click="save(data)"> save row </button></td>

app.js：

$scope.save=function(data){

        $scope.dataList.push({name: data.name, dept: data.dept});
        console.log($scope.dataList);
    };

如何访问在文本字段中输入的值到对象并推送到数组

1 个答案: