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

fix(segment): checked can be changed dynamically

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-04-28 15:29:30 +02:00
parent 545d3c29a2
commit 78454b4f62
6 changed files with 30 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
core/src/components/segment/segment.tsx
View File

@ -40,7 +40,7 @@ export class Segment {
@Watch('value')
protected valueChanged(value: string | undefined) {
this.selectButton();
this.update();
this.ionChange.emit({value});
}
@ -56,20 +56,21 @@ export class Segment {
}
componentDidLoad() {
this.selectButton();
if (this.value === undefined) {
const buttons = Array.from(this.el.querySelectorAll('ion-segment-button'));
const checked = buttons.find(b => b.checked);
if (checked) {
this.value = checked.value;
}
}
this.update();
}
private selectButton() {
private update() {
const value = this.value;
const buttons = Array.from(this.el.querySelectorAll('ion-segment-button'));
for (const button of buttons) {
button.activated = (button.value === value);
// If there is no value set on the segment and a button
// is checked we should activate it
if (!value && button.checked) {
button.activated = button.checked;
}
button.checked = (button.value === value);
}
}