https://jerrywang1981.github.io/categories/angular/ Recent content in Angular on 村边的池塘 Hugo zh-CN Tue, 04 Aug 2020 15:44:13 +0800 https://jerrywang1981.github.io/post/angular/multiple-angular-material-table-sort/ Tue, 04 Aug 2020 15:44:13 +0800 https://jerrywang1981.github.io/post/angular/multiple-angular-material-table-sort/ 问题 在一个component里面，如果有多个mat-table matSort,怎么使用ViewChild 方案 使用ViewChild的时候，需要使用id @ViewChild('sort1') sort1: MatSort; 在页面中，需要 <mat-table #table [dataSource]="dataSource" #sort1="matSort" matSort> https://jerrywang1981.github.io/post/angular/angular-material-table-paginator-ngif/ Tue, 04 Aug 2020 15:26:25 +0800 https://jerrywang1981.github.io/post/angular/angular-material-table-paginator-ngif/ 问题 一般来说，按angular material的官方文档, 在afterViewInit里面 可以把paginator或者sort和dataSource绑定在一起。但是如果这个table是在ngIf里面，也就是要在条件满足的情况下。这个时候的 @ViewChild(MatPaginator) paginator: MatPaginator; 可能就不好用了。因为还没有渲染，对应 https://jerrywang1981.github.io/post/angular/multiple-line-in-mat-tooltip/ Wed, 24 Jun 2020 08:26:03 +0800 https://jerrywang1981.github.io/post/angular/multiple-line-in-mat-tooltip/ angular material matTooltip 如果想多行显示，可以把tooltip的内容用空格分开，同时样式 ::ng-deep .mat-tooltip { white-space: pre-line !important; } https://jerrywang1981.github.io/post/node/angular-javascript-heap-out-of-memory/ Thu, 14 May 2020 21:20:50 +0800 https://jerrywang1981.github.io/post/node/angular-javascript-heap-out-of-memory/ 如果启动angular的时候有报 Javascript heap out of memory错误，可以试着修改 node_modules/.bin/ng 加上 --max_old_space_size #!/usr/bin/env node --max_old_space_size=4096 'use strict';