【问题标题】:select/ unselect checkbox angular选择/取消选择复选框角度
【发布时间】:2015-05-28 15:36:45
【问题描述】:

当后端服务失败时,我遇到了取消选中复选框的问题。它仍然被选中。下面是代码流程

html -

> <ng-repeat="rx in rxList">
>     <button toggle-switch ng-checked="rx.details.autoFillActive" ng-model="rx.details.autoFillActive" ng-click="toggleReadyFill(rx,
> $event)" ></button>

js文件-

$scope.toggleReadyFill = function(rx, $event) {
           scriptsyncService.addRx(rxList, storeDetails, syncDate).then(
                function(success) {
                    console.log('success');
                },
                function(error) {
                    $scope.selectedRx.isSelected = false;
                });
        };

这里的问题是,当我们选中复选框时,我们正在进行服务调用,如果服务失败,复选框仍然保持选中状态。仅在刷新页面时才取消选择。服务失败时如何取消选中复选框

【问题讨论】:

  • 忽略 $scope.selectedRx.isSelected。我的问题是如何在服务失败时取消选择它?
  • @Zee 将相同分配给所有人是什么意思? rx 是当前项
  • @nikitha 如果 isSelected 是 rx 的属性,你应该将它绑定到 ng-checked 我想你也可以在控制器中执行 rx.isSelected = false 。 selectedRx 似乎是多余的,因为您正在传递当前 rx
  • 除了可能的错字之外的另一个注意事项:Do not mix ng-checked with ng-model.
  • @aw04。由坏。请注意。

标签: javascript angularjs checkbox


【解决方案1】:

我认为您应该设置rx.details.autoFillActive 的值而不是$scope.selectedRx.isSelected,因为您将这个表达式用于ng-modelng-checked

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-06-27
    • 1970-01-01
    • 2016-11-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多