angular - this.table 在制作响应式数据表时未定义角度
问题描述
这是我的datatable.component.ts
import { Component,AfterViewInit, OnDestroy,ElementRef, ViewChild, OnInit } from '@angular/core';
declare var $;
import { Http, Response } from '@angular/http';
import { Subject } from 'rxjs';
import { Subscription } from 'rxjs';
import {Users} from '../user.model';
import { MatPaginator, MatSort } from '@angular/material';
import { HttpClient } from '@angular/common/http';
import { EventsService } from '../events.service';
@Component({
selector: 'app-datatableslibrary',
templateUrl: './datatables.component.html'
})
export class DatatableslibraryComponent implements OnInit, AfterViewInit, OnDestroy {
@ViewChild('example') table:ElementRef;
example:any;
users: any[] = [];
dtOptions: DataTables.Settings = {};
dtTrigger: Subject<any> = new Subject();
private eventsSub: Subscription;
/** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
totalUsers =0;
constructor(private http: HttpClient, public eventsService: EventsService) {
}
ngAfterViewInit() {
this.example = $(this.table.nativeElement);
this.example.DataTable();
}
它表明 this.table 是未定义的。我不知道我在哪里做错了,甚至不知道它是否是制作响应数据表的正确方法。我的静态数据表已形成。任何其他建议将不胜感激。
这是我的datatable.component.html我想在 Angular 中设计响应式数据表。
<table id="#exemple" class="table table-striped table-bordered table-sm row-border hover" datatable [dtOptions]="dtOptions"
[dtTrigger]="dtTrigger">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>PhoneNum</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let user of users">
<td>{{ user.firstName }}</td>
<td>{{ user.email }}</td>
<td>{{ user.phoneNum }}</td>
</tr>
</tbody>
</table>
解决方案
推荐阅读
- javascript - 如何禁用先前克隆的元素
- javascript - 如何在 Package.json 中重置版本
- angular - 组件“ToolBarComponent”由多个 NgModule 声明
- node.js - 为什么我的 Npm start 给出相同的错误 Windows_NT 10.0.19042
- amazon-web-services - 向 ECR 授予许可时如何解决显式拒绝
- ios - 解决未来关闭之外的组合未来
- histogram - 如何理解 Grafana 的 Prometheus 查询 - histogram_quantile、sum 和 rate 函数和错误的 grafana 图数据
- linux - 从启动器中删除 sudo
- c# - 如何停止 Outlook 替代问候语弹出,或自动关闭它
- xml - 在 xslt 中应用模板未按预期工作