title: using a flip toggle switch with angularjs and jquery mobile
body: <p>How to use a flip toggle switch with AngularJS and jQuery Mobile?</p>
  
  <p>The following snippet contains a flip toggle switch that does not get selected by angular and a commented checkbox that does get checked by angular:</p>
  
  <pre><code>&lt;div data-role="content"&gt;
    &lt;ul id="pumps" data-role="listview"&gt;
      &lt;li ng-repeat="pump in fleetManager.pumps"
        ngm-click="fleetManager.toggleBuzzer(pump)"&gt;&lt;span&gt;{{pump.sn}}&lt;/span&gt;
        &lt;span&gt;
          &lt;!-- FIXME: does not select the marked option --&gt;
          &lt;select data-role="slider"&gt;
            &lt;option value="silent"&gt;Silent&lt;/option&gt;
            &lt;option value="beeping" ng-selected="pump.status!=0"&gt;Beeping&lt;/option&gt;
          &lt;/select&gt;
          &lt;!-- NOTE: this one works as expected --&gt;
          &lt;!--input type="checkbox" ng-checked="pump.status!=0"--&gt;
      &lt;/span&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>