Angular2 Getting Value Of Switch

Question

Background

I have a few switches from CoreUI in my app that toggle on and off. I need to be able to read the current state of these switches, "on" or "off". I also need to be able to set the state of them based on some other factors.

Question

I have not been able to find an example of this anywhere. How can I access the switch to obtain the current state and set the state to either on or off?

Code Example

   <label class="switch switch-text switch-pill switch-success switch-sm pull-right">
       <input type="checkbox" class="switch-input" checked>
       <span class="switch-label" data-on="On" data-off="Off"></span>
       <span class="switch-handle"></span>
    </label>

Günter Zöchbauer · Accepted Answer · 2017-03-09 07:06:58Z

2

<input type="checkbox" [(ngModel)]="mySwitch">
<div> switch on: {{mySwitch}}</div>

class MyComponent {
  mySwitch: boolean = true;

}

answered Mar 9, 2017 at 7:06

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

wuno Over a year ago

Hey man I think I misunderstood your answer. It made sense when I read it but how does this add the checked attribute based on the boolean? Notice inside the input at the end of it in the example checked. Checked value exist when it is switched on. Would you still handle this in the same way?

Günter Zöchbauer Over a year ago

If mySwitch is true (as it is in my example) then ngModel will assign that to <input type="checkbox">. [(...)]="..." is two-way-binding.

wuno Over a year ago

Wow ya great thanks man. How do you always know everything? It never ceases to amaze me.

Collectives™ on Stack Overflow

Angular2 Getting Value Of Switch

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related