前沿web开发框架
Angular
Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。
Angular ChangeDetectorRef 理解
2024年02月02日
下面是一段 Angular 的代码片段：private changeDetectorRefs: ChangeDetectorRef, this.changeDetectorRefs.detectChanges();在这里，ChangeDetectorRef 是 Angular 中的一个服务，它用于手动触发变更检测。Angular 的变更检测系统负责监视组件和模板中的变化，并在需要时更新视图。通常...
Angular 过滤字符串长度管道
2024年01月09日
这是一段 Angular 代码，如下所示：<ng-container matColumnDef="productName"> <th mat-header-cell *matHeaderCellDef> 产品名称</th> <td mat-cell *matCellDef="let element"> {{element.name}} </td></ng-container>如果我们需...
如何使用ForkJoin — Angular示例
2023年11月22日
ForkJoin是一个常用的 RxJS 操作符，用于将多个 Observables 合并为一个单一的 Observable。最近，我遇到了将几个 Observables 合并为一个包含每个流结果的单一流的需求。具体而言，在我的情况下，我需要将来自多个HTTP调用的结果（在Angular中是Observables）合并为一个单一的Observable。经过一些尝试，我得出结论，forkJoin是完成...
Angular 显示数字保留两位小数
2023年11月20日
使用 Angular 需要将显示的数字保留两位小数，下面是具体方法：在 Angular 中，可以使用管道（pipe）来格式化数字，以确保显示的结果保留两位小数。Angular 提供了内置的 number 管道，可以用于格式化数字。在模板中，可以像这样使用 number 管道：<div class="fw-bold fs-4">Total Cost: $<span>{{totalUnitPrice ...
Angular 表单输入判断输入是否已存在于数据库
2021年12月24日
我们在开发 Angular 后台管理系统的时候，经常可以遇到数据模型的约束类型为唯一，这个时候我们就需要对输入的内容进行查询，看看是否存在于数据库。下面是模型的相关代码：# UserAgent处理结果class ProcessUserAgent(db.Model): __tablename__ = 'user_agent_process' id = db.Column(db.Integ...
Angular 获取当前路径
2021年11月02日
下面代码是 Angular 获取当前路径的方法：import {ActivatedRoute, Router} from '@angular/router'; constructor(private activateRoute: ActivatedRoute, private route: Router) { } const getC...
Angular获取当前地址
2021年06月12日
在Javascript中获取当前Uri的方式如下：console.log(window.location.href)在Angular中如果使用Typescript获取当前Uri方法如下：import { Component } from '@angular/core'; import { Router } from '@angular/router'; @Component({ ...
mat-select默认选项在mat-dialog中不起作用的解决方案
2021年06月04日
最近在使用mat-dialog的时候，mat-select传值过去了，但是却无法将传过去的值默认选中，下面是代码：addCity($event): void { const dialogRef = this.dialog.open(IPCrawlerDialogComponent, { width: '50vw', data: {state: 'addCity',...