如何验证Angular 7中的多个复选框?它应该抛出一条消息,应该检查至少一个复选框

问题描述 投票:1回答:1
 <div class="form-group">
    <div class="row mb-1">
      <div class="col">
         Select Functions from the list below:<br />
           <div class="div-table mdle_rec">
             <div *ngIf="allFunctions.length > 0" class="div-table-row">
              <div *ngFor="let fnc of allFunctions;let i = index" class="div-table-col">
              <input class="checkbox align-middle mr-1" type="checkbox" id="{{'fnc'+fnc.FunctionId}}" [checked]="fnc.IsSelected" (change)="onFuncSelectionChange(fnc.FunctionId, $event)" required>
              <span style="font-size:16px">{{fnc.Description}}</span>
             </div>
            </div>
          </div>
         </div>
        </div>
     </div>

应检查至少一个复选框。如果未选中至少一个复选框,则应该抛出错误。

html angular typescript validation angular6
1个回答
0
投票

您可以使用getter函数:

get someChecked()
{
   return allFunctions?allFunctions.some(x=>x.IsSelected):false
}

使用

<div *ngIf="!someChecked()">You sould check at least one</div>
© www.soinside.com 2019 - 2024. All rights reserved.