0

AngularJSとjQueryMobileでフリップトグルスイッチを使用するにはどうすればよいですか？

次のスニペットには、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

コントロールがリストビューにうまく統合されていないことがわかりました。デザインを変更しました。

于 2012-10-05T07:39:43.237 に答える
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

私はオープン ソース ディレクティブ (ブートストラップ) を開発しました。これを使用してこれを行うことができます。ドキュメントを参照してください: https ://github.com/timactive/angularjs/tree/master/directive/ng-switch-toggle サンプルを表示できます:http: //plnkr.co/Qo7QtmFbrEsCbEOauDvY。

于 2013-05-01T08:10:01.060 に答える