Question

如何隐藏数组的最后一个索引，因为我想隐藏标签并在用户点击添加按钮时显示输入。无法找到帮助。这是我的代码： -

<tr ng-repeat="personalDetail in personalDetails">
    <td> 
        <label ng-show="lab[$index]=true" for="settings" > {{personalDetail.Sname}}</label>
        <input ng-show="lab[$index]=false" type="text" ng-model="personalDetail.Sname" />
    </td>
    <input type="button" class="btn btn-primary addnew pull-right btn-space" ng-click="addNew($index)" value=" Add New">

我的角度代码：

$scope.addNew = function(val) {
   $scope.personalDetails.push({
      'Sname': "",
      'Settings': "",
   });
   var ind = $scope.personalDetails.length - 1;
   $("label[data-val='" + ind + "']").hide();
   $("input[data-val='" + ind + "']").show();
   $scope.PD = {};
};

Answer 1

试试这个

<tr ng-repeat="personalDetail in personalDetails">
<td> 
<label ng-hide="$last" for="settings" > {{personalDetail.Sname}}</label>
<input ng-show="$last"  type="text" ng-model="personalDetail.Sname" />
</td>
<tr>

参考：ngRepeat

Answer 2

只需检查 $last ，

   <td>  
    <label ng-show="lab[$index]==true" for="settings"> {{personalDetail.Sname}}</label>
    <input ng-show="lab[$index]==false" type="text" ng-model="personalDetail.Sname" />   
   </td>

隐藏数组的最后一个元素

2 个答案: