Как проверить несколько флажков в Angular 7?Следует выдать сообщение, что по крайней мере один флажок должен быть установлен

Question

 <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>

Должен быть установлен флажок Atleast one.Если хотя бы один флажок не установлен, он должен выдать ошибку.

Answer 1

Вы можете использовать функцию получения:

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

Использовать

<div *ngIf="!someChecked()">You sould check at least one</div>