javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 08:09:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(item): listen for core $ionStyle events

Browse Source
This commit is contained in:
Adam Bradley
2017-05-24 14:44:26 -05:00
parent 5cca46b5ad
commit 9c20f10a1d
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/item/item.ts
View File

@ -1,4 +1,4 @@
import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, QueryList, Renderer, Optional, ViewChild, ViewEncapsulation } from '@angular/core'; import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, HostListener, QueryList, Renderer, Optional, ViewChild, ViewEncapsulation } from '@angular/core';
import { Config } from '../../config/config'; import { Config } from '../../config/config';
import { Form } from '../../util/form'; import { Form } from '../../util/form';
@ -334,6 +334,15 @@ export class Item extends Ion {
} }
} }
@HostListener('$ionStyle', ['$event'])
itemStyle(ev: any) {
ev.stopPropagation();
Object.keys(ev.detail).forEach(cssClassName => {
this._elementRef.nativeElement.classList[ev.detail[cssClassName] ? 'add' : 'remove']('item-' + cssClassName);
});
}
/** /**
* @hidden * @hidden
*/ */