前沿web开发框架

Angular

Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。

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',...

mat-autocomplete 更新方式

2021年06月03日

在使用Angular Material的mat-autocomplete时,如果需要从后端读取数据,并且更新,具体操作如下:<mat-form-field appearance="fill" class="col-lg-4"> <mat-label>ASN</mat-label> <input matInput aria-label="State" [matAutocomplete]=...

It looks like you're using ngModel on the same form field as formControl.

2021年06月03日

最近在使用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 di...

mat-select disabled

2021年06月02日

今天在使用Angular 10编写代码的时候,浏览器出现了如下⚠:It looks like you're using the disabled attribute with a reactive form directive. If you set disabled to true when you set up this control in your component class, the...

matDatepicker change value相关问题

2021年05月22日

最近需要在表单中用到选择日期功能,使用的是Angular Material,具体文档可以参考这里:Datepicker但是通过后端读取之后,如果更改时间,文档没有找到合适的例子:在StackBlitz有一个例子,链接:Datepicker input and change events

Angular 异步验证表单输入

2021年05月14日

在用户注册的时候,需要检测电子邮件是否已经存在,如果存在给出错误提示,这个时候就需要使用异步验证。在Angular中异步验证器实现了 AsyncValidatorFn 和 AsyncValidator 接口。它们与其同步版本非常相似,但有以下不同之处。validate() 函数必须返回一个 Promise 或可观察对象,返回的可观察对象必须是有尽的,这意味着它必须在某个时刻完成(complete)...