我是AngularJS的新手。我在项目中使用了拖放功能来上传CSV文件。现在,我想使用html页面上的数据表在该特定列下显示错误(如果有)。 下面是我的html和js代码。
vm.showError = function(dtInstance, $event, n){
var td = angular.element($event.currentTarget).closest("td");
var row = dtInstance.DataTable.row( td );
if ( row.child.isShown() ) {
row.child.hide();
td.removeClass('shown');
} else {
row.child( format(n) ).show();
td.addClass('shown');
}
}
<table datatable="ng" dt-column-defs="vm.dtColumnDefs2" dt-options="vm.dtOptions" class="table table-striped table-hover dataTables-example" dt-instance="vm.dtInstance2">
<thead>
<tr>
<th>
<div>
<a>Error Detail</a>
</div>
</th>
<th>Customer Name</th>
<th>FirstName</th>
<th>LastName</th>
<th>Mobile</th>
<th>OtherMobile</th>
<th>Email</th>
<th>Region</th>
<th>SubRegion</th>
<th>Address1</th>
<th>Address2</th>
<th>Pincode</th>
</tr>
</thead>
<tbody>
<tr class="gradeC" ng-repeat="n in vm.CustomerContacts">
<td class="details-control focusremoved" style="padding:12px;" ng-click="vm.showError(vm.dtInstance2, $event, n)"></td>
<td>{{n.CustomerName}}</td>
<td>{{n.FirstName}}</td>
<td>{{n.LastName}}</td>
<td>{{n.Mobile}}</td>
<td>{{n.OtherMobile}}</td>
<td>{{n.Email}}</td>
<td>{{n.Region}}</td>
<td>{{n.SubRegion}}</td>
<td>{{n.Address1}}</td>
<td>{{n.Address2}}</td>
<td>{{n.Pincode}}</td>
</tr>
</tbody>
</table>
我在列表中得到结果 错误1:地址1为空 错误2:区域为空 错误3:sUBRegion为空 错误4:城市为空 不在特定列下