如何使用angularjs仅显示新增价值的按钮

Question

嗨，有没有人可以帮我一下。

当单击add按钮时，将生成一个新字段。除新增空字段外，其余字段均应禁用，新增空字段应显示保存按钮。

我已经创建了一个样例小提琴。Fiddle

 <tr ng-show="!isCollapsed[$index]" ng-repeat="item in adddivsubdivValues">
        <td></td>
    <td>
    <input type="text" name="div" class="form-control4" autocomplete="off" id="div_{{$index}}" value={{item.div}}>
        <td>
    <input type="text" name="div" class="form-control4" autocomplete="off" id="subdiv_{{$index}}" value={{item.subdiv}}>
    </td>
    <td><button class="btn btn-primary" type="button" style="float: left; margin-left: 10px;" ng-click="saveDivSubDiv($index)" ng-if="displaysavebutton">Save</button></td>
        <td><a href ng-click="removeDivSubDiv($index)">Remove</a></td>
        </tr>

Answer 1

当新增输入按钮为空时，显示保存按钮。

$scope.addDivSubDiv = function() {
    var index = $scope.adddivsubdivValues.length;
    console.log(index);
    $scope.initialarraysize = index;

    /* Remaining code */
};

<tr ng-show="!isCollapsed[$index]" ng-repeat="item in adddivsubdivValues">
        <td></td>
    <td>
    <input type="text" name="div" class="form-control4" autocomplete="off" id="div_{{$index}}" value={{item.div}} ng-disabled="$index != initialarraysize">
        <td>
    <input type="text" name="div" class="form-control4" autocomplete="off" id="subdiv_{{$index}}" value={{item.subdiv}} ng-disabled="$index != initialarraysize">
    </td>
    <td><button class="btn btn-primary" type="button" style="float: left; margin-left: 10px;" ng-click="saveDivSubDiv($index)" ng-show="$index == initialarraysize">Save</button></td>
        <td><a href ng-click="removeDivSubDiv($index)">Remove</a></td>
        </tr>