前沿web开发框架
Angular
Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。
Angular 异步验证表单输入
2021年05月14日
在用户注册的时候，需要检测电子邮件是否已经存在，如果存在给出错误提示，这个时候就需要使用异步验证。在Angular中异步验证器实现了 AsyncValidatorFn 和 AsyncValidator 接口。它们与其同步版本非常相似，但有以下不同之处。validate() 函数必须返回一个 Promise 或可观察对象，返回的可观察对象必须是有尽的，这意味着它必须在某个时刻完成（complete）...
Typescript push undefined
2021年05月13日
今天在写代码的时候出现了如下错误：ERROR TypeError: Cannot read property 'push' of undefined具体代码如下：parentModel: IPCrawlerSupportModel[]; getAllParent(): void { this.supportService.getAllSupport().subscribe(...
Angular Proxy Config
2021年05月12日
您可以使用代理支持webpack通过将文件传递给--proxy-configbuild选项，将开发服务器中的某些URL转移到后端服务器。例如，要将所有的调用从http://localhost:4200/api转移到在服务器http://localhost:3000/api，请执行以下步骤。proxy.conf.json在项目的src/文件夹中创建一个文件。将以下内容添加到新的代理文件中：{ ...
Angular Universal 设置Google Analytics
2021年05月11日
通过导入isPlatformBrowser，您可以指定只想在客户端上执行的代码。然后，您可以附加适当的脚本标记以进行Google Analytics（分析）跟踪。import { isPlatformBrowser } from '@angular/common'; import { Component, ElementRef, Inject, PLATFORM_ID, Renderer2 } ...
Angular Universal window is not defined
2021年05月11日
最近在使用Angular Universal的时候，有一些代码使用了window，在编译的时候出现错误，具体错误内容：window is not defined出现问题的原因：如果从诸如Node.js之类的服务器呈现应用程序，则可能是由于对Window对象的引用导致此错误。解决方案：首先，包装全局Window对象的服务：windowRef.service.tsimport {Injectable}...
关于Angular 修改表单Select不自动更新问题
2021年02月06日
在Angular中修改表单，当结果从后端读取，mat-select无法自动更新，需要点击页面上的一个表单才会更新，一图胜千言：具体代码如下：ngOnInit() { // GET URI ID this.getCloudVendorID = this.activateRoute.snapshot.params['id']; // get all countries this...
Typescript 判断IPv4地址
2020年12月17日
最近在使用Angular的时候，需要判断IPv4地址的合法性，下面是通过正则表达式验证的方法：isValidIpv4Addr(ip) { const newIP = ip.trim(); return /^(?=\d+\.\d+\.\d+\.\d+$)(?:(?:25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]|[0-9])\.?){4}$/.test(...
mat-autocomplete 设置默认值
2020年12月12日
最近在使用Angular Material的时候，mat-autocomplete的内容需要从后端数据库读取，如果在修改mat-autocomplete的时候，如何显示默认值呢？首先需要设置formControl的值：this.cityFormControl.setValue({city: res.city});之后通过[displayWith]设置显示值，这是一个：将选项的控制值映射到触发器中的...