前沿web开发框架
Angular
Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。
Angular Dialog组件交互总结
2020年11月19日
最近后台项目存在大量的表单，使用的是Angular和material的框架。后台涉及到大量的增删查改，这里的修改和删除使用的是MatDialog组件。经过大量的使用，将一些规范和认识总结下来，方便以后的项目规范和标准化。修改事件：editNotification($event, id: number): void { const dialogRef = this.dialog.open(No...
It looks like you're using ngModel on the same form field as formControl
2020年11月18日
在使用Angular表单的时候出现了如下警告⚠：It looks like you're using ngModel on the same form field as formControl.Support for using the ngModel input property and ngModelChange event with reactive form directives has ...
Angular subscribe loading
2020年11月17日
最近在使用Angular rxjs的时候，获取数据的时候，页面显示增加加载，代码如下：article.component.html<div class="page-loading" *ngIf="isLoading$ | async"> <mat-spinner></mat-spinner></div><table *ngIf="!(isLoading$ | async)" mat-tabl...
Angular 提交 按钮加载，button 加载mat-spinner动画
2020年11月16日
最近在使用Angular，每当修改内容提交的时候，禁止用户再次点击，这个时候需要将按钮变成disabled状态。具体实现效果如下：具体代码如下：css样式：@keyframes spinner { to {transform: rotate(360deg);}}.spinner:before { content: ''; box-sizing: border-box; position: ...
mat-table 如何设置Index
2020年11月11日
最近在使用Angular Material的mat-table的时候，需要设置表格的编号。具体代码如下：表头设置：displayedColumns: string[] = ['index'];之后设置index列：<ng-container matColumnDef="index"> <th mat-header-cell *matHeaderCellDef> No.</th> <td...
mat-table 刷新数据源
2020年11月09日
最近在使用Angular Material的时候，使用mat-table修改表格，数据不同步更新。delete($event, id, root, section, child): void { const dialogRef = this.dialog.open(MenuDialogComponent, { width: '20vw', data: {id, r...
Metronic Angular 7.1.2 asideMenu解析
2020年10月28日
最近在写后台管理系统，前端使用的是Angular，完全使用Angular自己编写一个管理框架十分麻烦，而且自己能力有限，估计架构没做好，最后会成为一个牵一发而动全身垃圾架构。所以还是使用Metronic左右一个现成的成品，我顺便也可以学习以下别人的架构模式，在大型系统中如何设计Angular。这里首先是登录之后，左边的菜单一直不知道需要在哪里修改，经过一番寻找之后，在这个位置修改左边菜单（asid...