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

fix(): add event emitter to segment for ionchange

Browse Source
This commit is contained in:
Josh Thomas
2017-08-03 09:10:49 -05:00
parent 15b45f5f30
commit ee12171c45
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/core/src/components/segment/segment.tsx
View File

@ -1,4 +1,4 @@
import { Component, Element, HostElement, Listen, Prop, PropDidChange } from '@stencil/core'; import { Component, Element, HostElement, Listen, Prop, PropDidChange, EventEmitter, Event } from '@stencil/core';
import { SegmentButtonEvent } from '../../index'; import { SegmentButtonEvent } from '../../index';
@ -74,6 +74,8 @@ export class Segment {
buttons: NodeListOf<HostElement>; buttons: NodeListOf<HostElement>;
@Element() el: HTMLElement; @Element() el: HTMLElement;
@Event() ionChange: EventEmitter;
@Prop({ state: true }) disabled: boolean = false; @Prop({ state: true }) disabled: boolean = false;
@Prop({ state: true }) value: string; @Prop({ state: true }) value: string;
@ -105,6 +107,11 @@ export class Segment {
this.value = selectedButton.value; this.value = selectedButton.value;
this.selectButton(this.value); this.selectButton(this.value);
const event: SegmentEvent = {
'segment': this
};
this.ionChange.emit(event);
} }
selectButton(val: string) { selectButton(val: string) {
@ -129,3 +136,7 @@ export class Segment {
return <slot></slot>; return <slot></slot>;
} }
} }
export interface SegmentEvent {
segment: Segment;
}