zzpmaster

@Directive({
  selector: '[formControlName][appAmountMask]'
})
export class AmountMaskDirective implements OnInit {
  private hasFocus = false;

  private element: HTMLInputElement;

  private digits = '1.0-7';

zzpmaster

interface Person<Type> {
  id: Type extends "A" ? number : string;
  name?: string;
}

/**
 * a
 */
type Category = "A" | "B" 

zzpmaster

// Event Source
type propEvent<Type> = {
    on<Key extends string & keyof Type>(
        eventName: `${Key}Changed`,
        callback: (newValue: Type[Key]) => void): void;
};

function makeWatchedObject<Type>(obj: Type): Type & propEvent<Type> {
    const cbMap = new Map<string, Function>();
    var proxy = new Proxy({

zzpmaster

import { Injectable } from '@angular/core';
import { CanActivate } from '@angular/router';
import { tap, delay } from 'rxjs/operators';
import { of } from 'rxjs';
import { SequentialRoutingGuardService } from './sequential-routing-guard.service';

@Injectable({
  providedIn: 'root'
})
export class Guard1Service implements CanActivate {

zzpmaster

<!-- 
  使用[inputlimit], 可以使用默认值。
  使用[inputlimit]="2", 可以设置要check的长度。
  note that: 不能直接使用 inputlimit或inputlimit="2" 会导致默认值为空或是字符串类型。
-->
<input type="text" [inputlimit]="2" formControlName="name" />

zzpmaster

enum Foo {
    A = 'a1', B = 'b1', C = 'c1'
}

// use enum value
const finish = (): Partial<{ -readonly [key in Foo]: string }> => {
    return { [Foo.A]: 'hello'}; // or { 'a1': 'hello' }
}

// use enum key

zzpmaster

#This one-liner removes all cordova installed plugins and then adds them again.
#Note: If you are not using Ionic, change 'ionic cordova plugin' to 'cordova plugin'

#! /bin/bash
cordova plugin list | cut -d ' ' -f 1 | while read plugin; do ionic cordova plugin rm $plugin && ionic cordova plugin add $plugin; done