如何使用angularjs顯示僅用於新增值的按鈕

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>