Building a toggle with ng-switch

Question

I can't figure out why this code doesn't work as a toggle. Any ideas what I might be doing wrong?

  <div ng-switch="!!myvar">
    <a ng-switch-when="false" ng-click="myvar = true" style="cursor:pointer">
      false
    </a>
    <a ng-switch-default ng-click="myvar = false" style="cursor:pointer">
      true
    </a>
  </div>

I'm using AngularJS 1.2.0-rc.2.

zs2020 · Accepted Answer · 2013-09-12 05:26:35Z

3

The directive ng-switch creates a new scope, so you need to use $parent to update the myvar in the parent scope.

<a ng-switch-when="false" ng-click="$parent.myvar = true" style="cursor:pointer">
<a ng-switch-default ng-click="$parent.myvar = false" style="cursor:pointer">

answered Sep 12, 2013 at 5:26

zs2020

54.6k30 gold badges157 silver badges223 bronze badges

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

Collectives™ on Stack Overflow

Building a toggle with ng-switch

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related