0

如何在 AngularJS 和 jQuery Mobile 中使用翻转切换开关？

以下代码段包含一个不被 angular 选中的翻转切换开关和一个被 angular 检查的注释复选框：

<div data-role="content">
  <ul id="pumps" data-role="listview">
    <li ng-repeat="pump in fleetManager.pumps"
      ngm-click="fleetManager.toggleBuzzer(pump)"><span>{{pump.sn}}</span>
      <span>
        <!-- FIXME: does not select the marked option -->
        <select data-role="slider">
          <option value="silent">Silent</option>
          <option value="beeping" ng-selected="pump.status!=0">Beeping</option>
        </select>
        <!-- NOTE: this one works as expected -->
        <!--input type="checkbox" ng-checked="pump.status!=0"-->
    </span></li>
  </ul>
</div>
4

3 回答 3

0

向标签添加ng-model属性使其工作：<select>

<select data-role="slider" ng-model="somemodel">
    <option value="silent">Silent</option>
    <option value="beeping" ng-selected="true">Beeping</option>
</select>
于 2012-09-04T10:04:58.363 回答
0

发现控件在列表视图中没有很好地集成。改变了设计。

于 2012-10-05T07:39:43.237 回答
0

我开发了一个开源指令（引导程序）。您可以使用它来执行此操作，请参阅文档：https ://github.com/timactive/angularjs/tree/master/directive/ng-switch-toggle 您可以查看示例： http: //plnkr.co/Qo7QtmFbrEsCbEOauDvY。

于 2013-05-01T08:10:01.060 回答