表格内容过长方法
设置宽度限制,max-width 或者 width
overflow: hidden
white-space: nowrap;
text-overflow: ellipsis;
加title使得鼠标悬停可以显示所有内容
前端假分页
将获取的所有数据用slice()分割,每次切换页码时切一次,[(nowPage-1)*pageSize , nowPage*pageSize] 这个数组传给html进行分页
时间范围获取:
<nz-range-picker [(ngModel)]="dateRange" [ngModelOptions]="{standalone: true}"[nzPlaceHolder]="['开始时间,'结束时间'']" (ngModelChange)="onDateOk($event)">
</nz-range-picker>
dataRange = [];
onDateOk(result: Date) {
if(result[0]){
result[0] = this.datePope.transform(result[0], 'yyyy-MM-dd');
}
if(result[1]){
result[1] = this.datePope.transform(result[1], 'yyyy-MM-dd');
}
getFormControl(this.XXXform,'start').setValue(result[0]);
getFormControl(this.XXXform,'end').setValue(result[1]);
}
//得到某个控件formcontrol
getFormControl(formGroup: FormGroup,name: string) {
return formGroup.controls[name];
}
ES6的写法
`${value}@${domain}` 等同于 value+'@'+domain