Question

我正在使用角度智能表。我正在使用ng-repeat在表中显示JSON数据。所有行都是可编辑的。但我想禁用on row的编辑功能。一行应该是只读的。在我的html表22中，从JSON显示的记录。所有行都是可编辑的。如何禁用第一行的编辑按钮（也保存和取消）。

Answer 1

对特定行使用$index，$first，$middle，$last，$even，$odd ngRepeat语句。

我建议使用$first。

<button class="btn btn-primary editable-table-button btn-xs" ng-click="rowform.$show()" ng-disabled="$first">
    Edit
</button>

请在此处查看此示例演示。

angular.module("app", []).controller("myCtrl", function($scope) {
  $scope.friends = [{
      name: 'John',
      age: 25,
      gender: 'boy'
    },
    {
      name: 'Jessie',
      age: 30,
      gender: 'girl'
    },
    {
      name: 'Johanna',
      age: 28,
      gender: 'girl'
    },
    {
      name: 'Joy',
      age: 15,
      gender: 'girl'
    }
  ]
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl">
  <table>
    <tr ng-repeat="friend in friends">
      <td>
        {{$index}}
      </td>
      <td>
        <button ng-disabled="$first">test</button>
      </td>
    </tr>
  </table>
</div>

在角度智能表中如何禁用一行的EDIT功能

1 个答案: