“2020年5月”存档文章有39 篇
Angular 404路由问题
2020/5/31 16:32:38
最近再接触到Angular，顺便谢谢项目。再项目中可能有些页面找不到，需要报404错误，再Angular路由中如何配置404页面呢？新的路由器可以更好地处理'**'路径规范中缺失的路由。下面是示例代码：const routes: Routes = [ {path: '', redirectTo: 'home', pathMatch: 'full'}, {path: 'home', compon...
ng-template
2020/5/27 19:07:16
Angular ng-template, ng-container and ngTemplateOutlet - The Complete Guide To Angular Templates
mat-menu自定义样式 mat-menu自定义宽度
2020/5/27 19:03:55
最近在使用mat-menu，自定义这个组件的样式很难（包括宽度，内部的样式等）。但是如果将 View Encapsulation设置为None，则很容易修改样式，具体代码如下：@Component({ templateUrl: './my.component.html' , styleUrls: ['./my.component.css'], encapsulati...
How to Set HTML Meta tags using Angular 4
2020/5/26 18:02:14
这篇文章很详细的介绍了如何操作html element 里面的mate标签，文章地址：How to Set HTML Meta tags using Angular 4
Typescript extend super
2020/5/26 17:50:54
class Animal { name: string; constructor(theName: string) { this.name = theName; } move(distanceInMeters: number = 0) { console.log(`${this.name} moved ${distanceInMeters}m.`); ...
Typescript ${}不起作用的问题
2020/5/26 17:34:09
最近在使用Typescript里面的模板字符串，但是不起作用。具体代码如下：// 设置title this._commService.setTitle('${ this.result.phoneNumber } info');原来不是单引号，是键盘Tab上面的那个符号。修改之后，代码如下：// 设置title this._commService.setTitle(`${ this.re...
Angular 设置当前为focus指令
2020/5/26 15:35:21
Angular设置当前为focus状态代码示例：import {Directive, ElementRef} from '@angular/core'; import {FocusableOption} from '@angular/cdk/a11y'; @Directive({ selector: '[appSurveyInput]' }) export class Surve...
Angular KeyboardEvent示例
2020/5/26 15:31:22
这个示例监听键盘事件，具体代码如下：import {DOWN_ARROW, UP_ARROW} from '@angular/cdk/keycodes'; @HostListener('keydown', ['$event']) keydown($event: KeyboardEvent) { // 監聽鍵盤事件並依照案件設定按鈕focus狀態 if ($event...