错误类型错误：使用数据表时无法读取未定义的属性（读取“nativeElement”）

Question

我收到 ERROR TypeError: Cannot read properties of undefined (reading 'nativeElement') while using the datatable。

typescript

 @ViewChild('dataTable',{static:false}) table;

  ngAfterViewInit(): void {
      // if (!this.table) return;    
    this.dataTable=$(this.table.nativeElement);
    this.dataTable.DataTable();
    console.log( this.dataTable.DataTable());
    
  }

HTML

<table #dataTable id="example" class="table table-striped table-bordered" style="width:100%"> 

  </table>

Answer 1

 @ViewChild('dataTable',{static:false}) table : ElementRef;

  ngAfterViewInit(): void {
      // if (!this.table) return;    
    this.dataTable=$(this.table.nativeElement);
    this.dataTable.DataTable();
    console.log( this.dataTable.DataTable());
    
  }

或者你可以使用 @ViewChild('dataTable',{static:false}) table: any;