Question

我有一个复选框，我想在第一次取消选中时将checkbox的值设置为false。怎么做角度js？

<div class="col-xs-6 col-xs-offset-4 col-sm-6 col-sm-offset-4 col-md-7 col-md-offset-3 col-lg-7 col-lg-offset-3 controls test-check">
    <input 
        type="checkbox"
        id="checkbox-1-1"
        class="regular-checkbox"
        ng-true-value="true"
        ng-false-value="false"
        ng-checked="addUser.isAllOrgSelected"
        ng-model="addUser.isAllOrgSelected"> 
    <label for="checkbox-1-1"></label>                      
    <label class="label-all">{{::'label.all'|translate}}</label>                        
</div>

Answer 1

我有一个复选框，我想在第一次取消选中时将checkbox的值设置为false。怎么做角度js？

这实际上是默认行为

angular.module('myApp', [])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
    <label>
        <input type="checkbox" ng-model="checked"> my checkbox
    </label> Checked: {{ checked | json}}
</div>

编辑：

如果您想在任何人与您的复选框进行交互之前将模型的值设置为false，则可以在ngController中执行此操作：

angular.module('myApp', [])
.controller('ctrl', function() {
    var vm = this
    vm.checked = false
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="ctrl as vm">
    <label>
        <input type="checkbox" ng-model="vm.checked"> my checkbox
    </label> Checked: {{ vm.checked | json}}
    </div>
</div>

Answer 2

答案有点晚了，但是您可以尝试这样做：

您声明具有 true 值的 boolean 类型的变量，然后使用ngModel将该变量传递给html。

export class MenusComponent implements OnInit {

  seleccionado = true;

  forma: FormGroup;

  constructor(
              @Inject(FormBuilder) public fb: FormBuilder
  ) { 
    this.forma = this.fb.group({
      imagen: [null]
    });
  }
 }

                            <div *ngFor="let sucursal of listadoSucursales" class="col-sm-12 col-md-6">
                                <div class="custom-control custom-switch">
                                    <input [ngModel]="seleccionado" [ngModelOptions]="{standalone: true}" [checked]="existe(sucursal._id)" (click)="casillaSeleccionada(sucursal._id)" type="checkbox" class="custom-control-input" [id]="sucursal._id">
                                    <label class="custom-control-label" [for]="sucursal._id">{{sucursal.numeroSucursal}} - {{sucursal.nombreSucursal}} - {{sucursal.municipio}}, {{sucursal.departamento}}</label>
                                </div>
                            </div>

因此，您已经选择了选项。如果要取消选择初始化它们，只需将值更改为false。

对不起，我很抱歉，我正在使用Google翻译。

如何取消选中复选框的默认值false？

2 个答案: