TypeScript @angular-core.KeyValueDiffers类(方法)实例源码

constructor(leafletDirective: LeafletDirective, private differs: KeyValueDiffers, private zone: NgZone) {
		this.leafletDirective = new LeafletDirectiveWrapper(leafletDirective);
		this.controlLayers = new LeafletControlLayersWrapper(this.zone);

		// Generate differs
		this.baseLayersDiffer = this.differs.find({}).create<string, Layer>();
		this.overlaysDiffer = this.differs.find({}).create<string, Layer>();

	}

constructor(private dtRef:ChangeDetectorRef, private dtMetaDiffers:KeyValueDiffers) {
   this.dtConfig = DT_CONFIG_DEFAULTS;
   this.dtMetaDiffer = dtMetaDiffers.find({}).create(dtRef);
 }

constructor(differs: KeyValueDiffers) {
     this.differ = differs.find([]).create(null);
     this.onRemove = new EventEmitter();
 }

@Input()
 set ngStyle(v: {[key: string]: string}) {
   this._ngStyle = v;
   if (!this._differ && v) {
     this._differ = this._differs.find(v).create(null);
   }
 }

@Input()
 set ngStyle(v: {[key: string]: string}) {
   this._ngStyle = v;
   if (isBlank(this._differ) && isPresent(v)) {
     this._differ = this._differs.find(this._ngStyle).create(null);
   }
 }

@Input()
 set ngStyle(values: {[key: string]: string}) {
   this._ngStyle = values;
   if (!this._differ && values) {
     this._differ = this._differs.find(values).create();
   }
 }

@Input() set myUnless(condition: boolean) {
		if (!condition) {
			this.viewContainer.createEmbeddedView(this.templateRef);
		} else {
			this.viewContainer.clear();
		}

		console.dir(this.differs.find(condition));
	}

ngOnChanges(changes: any): void {
    console.debug(this.constructor.name + '.ngOnChanges');

    if ('options' in changes) {
      const value = changes['options'].currentValue;
      if (!this._differ && value) {
        this._differ = this._differs.find(value).create();
      }
    }
  }

@Input()
 set ngStyle(
     /**
      * A map of style properties, specified as colon-separated
      * key-value pairs.
      * * The key is a style name, with an optional `.<unit>` suffix
      *    (such as 'top.px', 'font-style.em').
      * * The value is an expression to be evaluated.
      */
     values: {[key: string]: string}) {
   this._ngStyle = values;
   if (!this._differ && values) {
     this._differ = this._differs.find(values).create();
   }
 }

transform<K, V>(
      input: null|{[key: string]: V, [key: number]: V}|Map<K, V>,
      compareFn: (a: KeyValue<K, V>, b: KeyValue<K, V>) => number = defaultComparator):
      Array<KeyValue<K, V>>|null {
    if (!input || (!(input instanceof Map) && typeof input !== 'object')) {
      return null;
    }

    if (!this.differ) {
      // make a differ for whatever type we've been passed in
      this.differ = this.differs.find(input).create();
    }

    const differChanges: KeyValueChanges<K, V>|null = this.differ.diff(input as any);

    if (differChanges) {
      this.keyValues = [];
      differChanges.forEachItem((r: KeyValueChangeRecord<K, V>) => {
        this.keyValues.push(makeKeyValuePair(r.key, r.currentValue !));
      });
      this.keyValues.sort(compareFn);
    }
    return this.keyValues;
  }