honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(NgClass): remove pipes from property bindings

This commit is contained in:
Pawel Kozlowski 2015-06-18 15:01:19 +02:00 committed by vsavkin
parent c899b0a74c
commit ad7aca631d
1 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
modules/angular2/src/directives/class.ts
View File

@ -1,13 +1,18 @@
import {Directive} from 'angular2/annotations'; import {Directive, onCheck} from 'angular2/annotations';
import {ElementRef} from 'angular2/core'; import {ElementRef} from 'angular2/core';
import {PipeRegistry} from 'angular2/src/change_detection/pipes/pipe_registry';
import {isPresent} from 'angular2/src/facade/lang'; import {isPresent} from 'angular2/src/facade/lang';
import {DOM} from 'angular2/src/dom/dom_adapter'; import {DOM} from 'angular2/src/dom/dom_adapter';
@Directive({selector: '[class]', properties: ['iterableChanges: class | keyValDiff']}) @Directive({selector: '[class]', lifecycle: [onCheck], properties: ['rawClass: class']})
export class CSSClass { export class CSSClass {
_domEl; _domEl;
constructor(ngEl: ElementRef) { this._domEl = ngEl.domElement; } _pipe;
_prevRawClass;
rawClass;
constructor(private _pipeRegistry: PipeRegistry, ngEl: ElementRef) {
this._domEl = ngEl.domElement;
}
_toggleClass(className, enabled): void { _toggleClass(className, enabled): void {
if (enabled) { if (enabled) {
@ -17,12 +22,20 @@ export class CSSClass {
} }
} }
set iterableChanges(changes) { onCheck() {
if (isPresent(changes)) { if (this.rawClass != this._prevRawClass) {
changes.forEachAddedItem((record) => { this._toggleClass(record.key, record.currentValue); }); this._prevRawClass = this.rawClass;
changes.forEachChangedItem( this._pipe = isPresent(this.rawClass) ?
this._pipeRegistry.get('keyValDiff', this.rawClass, null) :
null;
}
if (isPresent(this._pipe) && this._pipe.check(this.rawClass)) {
this._pipe.forEachAddedItem(
(record) => { this._toggleClass(record.key, record.currentValue); }); (record) => { this._toggleClass(record.key, record.currentValue); });
changes.forEachRemovedItem((record) => { this._pipe.forEachChangedItem(
(record) => { this._toggleClass(record.key, record.currentValue); });
this._pipe.forEachRemovedItem((record) => {
if (record.previousValue) { if (record.previousValue) {
DOM.removeClass(this._domEl, record.key); DOM.removeClass(this._domEl, record.key);
} }