bulb-control.component.html

<StackLayout>
    <Label text="Magic Blue"></Label>
    <Button (tap)="connectToMagicBlue()" 
            text="Connect">
    </Button>
    <Slider [minValue]="minValue" 
            [maxValue]="maxValue" 
            [(ngModel)]="redValue">
    </Slider>
    <Slider [minValue]="minValue" 
            [maxValue]="maxValue" 
            [(ngModel)]="greenValue">
    </Slider>
    <Slider [minValue]="minValue" 
            [maxValue]="maxValue" 
            [(ngModel)]="blueValue">
    </Slider>
    <Slider [minValue]="minValue" 
            [maxValue]="maxValue" 
            [(ngModel)]="whiteValue">
    </Slider>
    <Button (tap)="updateLightBulb()" 
            text="Apply">
    </Button>
<StackLayout>