Question

如何设置此角度复选框为默认“已检查”值。请我只想要一个简单的答案。

  <p class="card-text">Please indicate which public organizations have been notified.</p>
          <div for="stakeholders" class="custom-control custom-checkbox">
            <input type="checkbox" checked name="stakeholders" [(ngModel)]="statusBoard.stakeholders">
            <label for="stakeholders">Are any stakeholders involved?</label>
          </div>

Answer 1

使用如下所示的选中项

  <p class="card-text">Please indicate which public organizations have been 
  notified. 
  </p>
      <div for="stakeholders" class="custom-control custom-checkbox">
        <input type="checkbox" checked name="stakeholders" 
            [(ngModel)]="statusBoard.stakeholders" 
            [checked]="statusBoard.stakeholders">
        <label for="stakeholders">Are any stakeholders involved?</label>
      </div>

Answer 2

在您的component.ts中，在true上设置statusBoard.stakeholders。

this.statusBoard.stakeholders = true;

Answer 3

ng-checked指令设置复选框或单选按钮的checked属性。试试这个。

<input type="checkbox" name="stakeholders" [(ngModel)]="statusBoard.stakeholders" ng-checked="true">

代替这个。

<input type="checkbox" checked name="stakeholders" [(ngModel)]="statusBoard.stakeholders">

Answer 4

删除和ng-checked，只需更改statusBoard.stakeholders的值

   <input type="checkbox" name="stakeholders" 
     [(ngModel)]="statusBoard.stakeholders" >

 //in your .ts
 this.statusBoard.stakeholders=true.

好吧，您还可以使用[ngModel]和（ngModelChange）方式

<input type="checkbox" name="stakeholders" 
     [ngModel]="!statusBoard.stakeholders" 
     (ngModelChange)="statusBoard.stakeholders=!$event" 
>

因此，如果选中，则statusBoard.stakeholders的值为false，如果未选中，则statusBoard.stakeholders的值为true，但我不知道这是您要查找的内容

如何设置复选框的默认值

4 个答案: