zzpmaster

static String formatBytes(int bytes, int decimals) {
    if (bytes <= 0) return "0 B";
    const suffixes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
    var i = (log(bytes) / log(1024)).floor();
    return ((bytes / pow(1024, i)).toStringAsFixed(decimals)) +
        ' ' +
        suffixes[i];
  }

zzpmaster

showModalBottomSheet(
                    context: context,
                    builder: (context) {
                      return ModalBottomSheet(this.selected, this.data, (selected, data) {
                        this.selected = selected;
                        this.data = data;
                      });
                    });
                    

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

#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

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

import { CommonUtils } from 'src/shared/utils/common-utils';

import { DecimalPipe } from '@angular/common';
import {
  Directive,
  ElementRef,
  forwardRef,
  HostListener,
  Input,
  OnInit,

zzpmaster

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

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

zzpmaster

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

  private element: HTMLInputElement;

  private digits = '1.0-7';