使用ng-change AngularJs保存复选框状态

哈娜

每当用户打开/关闭应用程序时,我都想保存清单的状态。

这是我第一次使用AngularJs / Ionic中的复选框,而且我不确定如何执行此操作。

的HTML

 <ion-checkbox class="recup checkbox-balanced"  ng-change="save(0)" ng-model="objc[0]">
      Récupéré ton badge
    </ion-checkbox>

    <ion-checkbox class="recup checkbox-balanced"  ng-change="save(1)" ng-model="objc[1]">
      Récupéré ton PC
    </ion-checkbox>

    <ion-checkbox class="recup checkbox-balanced"  ng-change="save(2)" ng-model="objc[2]">
      Visité les locaux
    </ion-checkbox>

JS

.controller('prem-jourController', function ($scope, localStorageService){

defaultValsJ= [false, false, false, false];
var EngObj=localStorageService.get("StoredCheck");
if(!EngObj)
{
    $scope.objc=defaultValsJ;
}
else {
    $scope.objc=EngObj;
}

$scope.save=function(val) {

    $scope.objc[val]=!$scope.objc[val];
    localStorageService.set("StoredCheck", $scope.objc);
}
});

状态已保存,但是复选框不再可单击,并且我没有错误。

武奎耶

您保存更改的方式有误。每次单击复选框时,它都会更改。方法保存称为然后更改模型值。模型是双向绑定的,因此您的复选框处于取消选中状态/再次选中。

这就是为什么您看不到复选框更改状态的原因。

更改此行以修复:

$scope.objc[val]=!$scope.objc[val];

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用AngularJS将复选框的状态保存到本地存储中?

来自分类Dev

检测Angular.js ng-change事件中的复选框是否处于选中状态

来自分类Dev

带有$ event.target的AngularJS复选框ng-change问题

来自分类Dev

AngularJS复选框和ng-change的工作原理很奇怪

来自分类Dev

ionic / Angularjs-无法在ng-change上取消选中复选框

来自分类Dev

如何在angularjs中为复选框存储有效的ng-change事件

来自分类Dev

使用JS使用phonegap保存复选框状态onclick

来自分类Dev

ng-change 未在复选框中调用

来自分类Dev

AngularJS:使用ng-repeat生成复选框

来自分类Dev

AngularJS:使用ng-repeat复选框

来自分类Dev

AngularJS:使用ng-repeat复选框

来自分类Dev

使用复选框记住Gridview状态

来自分类Dev

使用var设置复选框状态

来自分类Dev

使用 setState 更改复选框的状态

来自分类Dev

使用 nodejs 捕获复选框的状态

来自分类Dev

选中复选框中的触发功能,无需使用.change()

来自分类Dev

选中复选框中的触发功能,无需使用.change()

来自分类Dev

如何使用复选框从 .prop() 函数触发 jQuery .change()?

来自分类Dev

使用共享的首选项从列表中保存复选框状态

来自分类Dev

JQUERY ON('change')获取复选框的值和状态

来自分类Dev

使用angularjs禁用复选框

来自分类Dev

使用AngularJS的功能禁用复选框

来自分类Dev

使用AngularJS的功能禁用复选框

来自分类Dev

使用AngularJS的复选框过滤Json

来自分类Dev

复选框中的ng-change被触发了多次,因为在其上单击ng

来自分类Dev

ng-change on复选框需要2点击

来自分类Dev

如果javascript设置了ng change事件,则复选框不会触发

来自分类Dev

未从标签内的复选框中触发ng-change

来自分类Dev

如果是由javascript设置的,则ng change事件不会在复选框上触发

Related 相关文章

  1. 1

    如何使用AngularJS将复选框的状态保存到本地存储中?

  2. 2

    检测Angular.js ng-change事件中的复选框是否处于选中状态

  3. 3

    带有$ event.target的AngularJS复选框ng-change问题

  4. 4

    AngularJS复选框和ng-change的工作原理很奇怪

  5. 5

    ionic / Angularjs-无法在ng-change上取消选中复选框

  6. 6

    如何在angularjs中为复选框存储有效的ng-change事件

  7. 7

    使用JS使用phonegap保存复选框状态onclick

  8. 8

    ng-change 未在复选框中调用

  9. 9

    AngularJS:使用ng-repeat生成复选框

  10. 10

    AngularJS:使用ng-repeat复选框

  11. 11

    AngularJS:使用ng-repeat复选框

  12. 12

    使用复选框记住Gridview状态

  13. 13

    使用var设置复选框状态

  14. 14

    使用 setState 更改复选框的状态

  15. 15

    使用 nodejs 捕获复选框的状态

  16. 16

    选中复选框中的触发功能,无需使用.change()

  17. 17

    选中复选框中的触发功能,无需使用.change()

  18. 18

    如何使用复选框从 .prop() 函数触发 jQuery .change()?

  19. 19

    使用共享的首选项从列表中保存复选框状态

  20. 20

    JQUERY ON('change')获取复选框的值和状态

  21. 21

    使用angularjs禁用复选框

  22. 22

    使用AngularJS的功能禁用复选框

  23. 23

    使用AngularJS的功能禁用复选框

  24. 24

    使用AngularJS的复选框过滤Json

  25. 25

    复选框中的ng-change被触发了多次,因为在其上单击ng

  26. 26

    ng-change on复选框需要2点击

  27. 27

    如果javascript设置了ng change事件,则复选框不会触发

  28. 28

    未从标签内的复选框中触发ng-change

  29. 29

    如果是由javascript设置的,则ng change事件不会在复选框上触发

热门标签

归档