不会更改angularjs中的元素ui-switch

时间:2017-06-28 04:53:13

标签: angularjs

我的问题是当改变模型时不改变位置元素ui-switch

如果只使用复选框,那么所有工作

我的HTML

<input type="checkbox" data-group="{{ roomPerson.person.transfer.is_group }}"
   ng-disabled="!isEdit()"
   class="js-switch"
   ng-change="toggleTransfer(roomPerson)"
   ng-model="roomPerson.person.transfer.isIncluded"
   ui-switch="{color: '#3aa99e',size:'small'}"/>

提前致谢

1 个答案:

答案 0 :(得分:0)

我不知道你从哪里获得ui-switch示例? 应使用switch指令添加它。

&#13;
&#13;
angular.module('test', ['uiSwitch']).controller('Test', Test);
function Test($scope) {}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="https://rawgit.com/xpepermint/angular-ui-switch/master/angular-ui-switch.min.js"></script>

<link rel="stylesheet" href="https://rawgit.com/xpepermint/angular-ui-switch/master/angular-ui-switch.min.css"/>

<div ng-app='test' ng-controller='Test'>
  <input type="checkbox"
     ng-model="isChecked"/>

  <switch ng-model="isChecked"/>
</div>
&#13;
&#13;
&#13;