Question

当我添加任何数据时，我在文本框中获取值而不是在span中获取值。并且在添加数据之后，我正在完成按钮而不是获取更新按钮。在此处查找我的完整代码：{{3} } 有什么错误吗？

<script type="text/javascript">
var app=angular.module("mainapp",[]);
app.controller('mycontrol',function($scope){
    $scope.filters=[];
    $scope.add=function(filter){
        $scope.filters.push(filter);
            $scope.filter={};
        };
        $scope.update = function (index) {
            $scope.editing = $scope.filters.indexOf(index);
        };



<table border="2">
    <tr>
        <td>FirstName</td>
        <td>LastName</td>
        <td>Fees</td>
        <td>E-Course</td>
    </tr>
    <tr ng-repeat="filter in filters track by $index">
        <td><span ng-hide="update">{{filter.fname}}</span>
            <input type="text" ng-show="update" ng-model="filter.fname">
        </td>
        <td><span ng-hide="update">{{filter.lname}}</span>
            <input type="text" ng-show="update" ng-model="filter.lname">
        </td>
        <td><span ng-hide="update">{{filter.ffees}}</span>
            <input type="number" ng-show="update" ng-model="filter.ffees">
        </td>
        <td><span ng-hide="update">{{filter.eroll}}</span>
            <input type="text" ng-show="update" ng-model="filter.eroll">
        </td>
        <td>
            <button ng-hide="update" ng-click="update = true; update($index)">Update</button>
            <button ng-show="update" ng-click="update = false">Done</button>
        </td>
        <td>
            <button ng-click="remove($index)">Remove</button>
        </td>
    </tr>
</table>

Answer 1

您必须在添加功能中初始化$scope.add=function(filter){ $scope.filters.push(filter); $scope.update=false; };的值以隐藏输入。现在，值将显示在带有更新按钮的范围内。

POST

工作演示：https://jsfiddle.net/kz8uLg10/2/

编辑功能在角度JS中没有正常工作

1 个答案: