“2020年5月”存档文章有39

Angular 404路由问题

最近再接触到Angular,顺便谢谢项目。再项目中可能有些页面找不到,需要报404错误,再Angular路由中如何配置404页面呢?新的路由器可以更好地处理'**'路径规范中缺失的路由。下面是示例代码:const routes: Routes = [ {path: '', redirectTo: 'home', pathMatch: 'full'}, {path: 'home', compon...

ng-template

Angular ng-template, ng-container and ngTemplateOutlet - The Complete Guide To Angular Templates

mat-menu自定义样式 mat-menu自定义宽度

最近在使用mat-menu,自定义这个组件的样式很难(包括宽度,内部的样式等)。但是如果将 View Encapsulation设置为None,则很容易修改样式,具体代码如下:@Component({ templateUrl: './my.component.html' , styleUrls: ['./my.component.css'], encapsulati...

How to Set HTML Meta tags using Angular 4

这篇文章很详细的介绍了如何操作html element 里面的mate标签,文章地址:How to Set HTML Meta tags using Angular 4

Typescript extend super

class Animal { name: string; constructor(theName: string) { this.name = theName; } move(distanceInMeters: number = 0) { console.log(`${this.name} moved ${distanceInMeters}m.`); ...

Typescript ${}不起作用的问题

最近在使用Typescript里面的模板字符串,但是不起作用。具体代码如下:// 设置title this._commService.setTitle('${ this.result.phoneNumber } info');原来不是单引号,是键盘Tab上面的那个符号。修改之后,代码如下:// 设置title this._commService.setTitle(`${ this.re...

Angular 设置当前为focus指令

Angular设置当前为focus状态代码示例:import {Directive, ElementRef} from '@angular/core'; import {FocusableOption} from '@angular/cdk/a11y'; @Directive({ selector: '[appSurveyInput]' }) export class Surve...

Angular KeyboardEvent示例

这个示例监听键盘事件,具体代码如下:import {DOWN_ARROW, UP_ARROW} from '@angular/cdk/keycodes'; @HostListener('keydown', ['$event']) keydown($event: KeyboardEvent) { // 監聽鍵盤事件並依照案件設定按鈕focus狀態 if ($event...