使用angularjs从CSV文件检索数据后显示错误

时间:2018-12-05 09:58:54

标签: javascript angularjs

我是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:城市为空 不在特定列下

0 个答案:

没有答案