Indeterminate state not triggered

[kubijo]

When the ng-model bound variable is undefined, it is said that the switch should be in indeterminate state - that however does not work. Below is link to plunker.

http://plnkr.co/edit/1SaSvTIzOeyjqWCl4GLH?p=preview

[frapontillo]

Acknowledged, thanks for reporting this!

[kubijo]

Hi. Do you have some estimation for the fix?

[frapontillo]

Sorry @kubijo, I have no idea when I'll be able to work on this. :(

[kubijo]

I see. Well lets hope you'll get some time soonish. Thanks for reply.

[vanderlindenjc]

We are having the same issue, hope you can fix this soon.

[frapontillo]

Sorry for keeping you guys wait, the change is now available in the develop branch (also with angular-1.4.0 support).

[mirow]

There is still the problem that the switch does not always come out of the indeterminate state when you click on it. You can see this in the same plunker:
http://plnkr.co/edit/1SaSvTIzOeyjqWCl4GLH?p=preview
To reproduce: set switch to 'ON', then click on "Toggle undefined", then click on the switch. The switch is now in the 'OFF' state, but the model value wasn't updated, it's still undefined.

[frapontillo]

@mirow you're right, I am going to reopen this.

[mirow]

I think you need to set the state to null when the state is indeterminate (as explained here: Bttstrp/bootstrap-switch#426 )

Maybe you could always set the state to null in the bootstrapSwitch constructor, and update the state in scope.$watch?

Also, currently you only check if the model value matches the true value, you don't check whether it matches the false value. Instead you should do something like this:

if (newValue === getTrueValue()) {
  element.bootstrapSwitch('state', true, false);
  element.bootstrapSwitch('toggleIndeterminate', false, true);
} else if (newValue === getFalseValue()) {
  element.bootstrapSwitch('state', false, false);
  element.bootstrapSwitch('toggleIndeterminate', false, true);
} else {
  element.bootstrapSwitch('state', null, false);
  element.bootstrapSwitch('toggleIndeterminate', true, true);
}

(This is actually to fix a slightly different bug: if the model value is undefined, then the switch is set to indeterminate state correctly. But if the model value is null, then the switch is set to 'false' state, no matter what the ng-false-value is.)

[frapontillo]

Can you try it with 0.5.0?