Question

我有一个HTML表格，如下所示：

<table class="table table-bordered">
  <tr>
    <th>User Id</th>
    <th>Name</th>
    <th>Address</th>
    <tr>
      <tr ng-repeat="item in respose">
        <td contenteditable="true">{{item.userId}}</td>
        <td contenteditable="true">{{item.name}}</td>
        <td contenteditable="true">{{item.address}}</td>
      </tr>
</table>

我正在使用以下contenteditable指令：

app.directive('contenteditable', ['$sce', function($sce) {
  return {
    restrict: 'A', // only activate on element attribute
    require: '?ngModel', // get a hold of NgModelController
    link: function(scope, element, attrs, ngModel) {
    }
  };
}]);

设置可以显示为：http://jsfiddle.net/cazfs31L/

由于表的单元格是可编辑的，因此我想向这些单元格添加验证以限制输入到它们的数据。棘手的部分是，如果可能的话，我想基于列标题添加验证。例如。如果标题为“名称”，则添加与“ Id”标题/列不同的验证。

我仅在演示中显示3列，但可以有更多列和更多行。另外，我不想在这里使用文本框代替单元格。

有什么想法可以在此处添加验证吗？

AngularJS：HTML表格具有可编辑和验证的内容

0 个答案: