Question

任何人都可以帮助我。

单击“添加”按钮时，将生成一个新字段。除了新的空字段外，所有其他字段都应该被禁用，并且应该为新添加的空字段显示保存按钮。

我创造了一个样本小提琴。 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>

如何使用angularjs仅显示新添加值的按钮

1 个答案: