iT邦幫忙

0

VisualStudio 2019 Angular mat-table 筆記

恩..這邊主要是自己的筆記

自己最近想弄一些作品

MVC是已經會的東西

於是想自學一下Angular

遇到需要mat-table的東西 光環境就搞了很久 筆記一下

1.直接開啟建立2019的Angular範例
2.於ClientApp開啟終端機
3.Set-ExecutionPolicy (如果不做這行 下一行可能會掛掉 可以先做4 不行再回頭來做這個
4.ng add @angular/material (安裝angular/material 一路Y到底
5.在app.module.ts import這四個

import { MatTableModule } from '@angular/material/table';
import { MatTabsModule } from '@angular/material/tabs';
import { MatSortModule } from '@angular/material/sort';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

6.剩下照https://material.angular.io/components/table/overview
裡面的sort做
7.記得將@ViewChild(MatSort) sort: MatSort;
修改為@ViewChild(MatSort, { static: true }) sort: MatSort;

這樣做出來的mattable就可以sort了

以上 筆記!


尚未有邦友留言

立即登入留言