я буду вызывать потом

"badgeDocumentsHidden$ | async"

в шаблоне.

Не стоит так делать

И подписки всё  ещё нет на код, что был выше)

ну а этого стрима ты подписку вызовешь может, а у комбайна где?

badgeDocumentsHidden = combineLatest(...

условие, которое в мапе написал лучше в сабскрайб перенеси

только отписаться не забудь

Да и map обязательно должен что то возвращать, сейчас map у тебя ничего не возвращает

спасибо, понял, попробую через подписку сделать. если разберусь_

Можно подписаться на чекбокс, и по событию добавлять валидацию к форме  this.form.setValidators(YOUR_VALIDATION]);   или удалять валидацию this.form..clearValidators()

Мб кто то вкурсе будет ли доступна запись ??

И не забудь после каждого добавления/удаления валидации обновлять форму this.form.updateValueAndValidity();

Благодарю :)

Напишите @aleksandr_denisov

Благодарю

не хочу делать ручную подписку, а хочу async. как мне и в каком месте написать тут условие? задача такая же проверить два observable на булеан &&,

Всем привет! У меня небольшой вопрос по валидации формы. Для валидации я использую ReactiveFormsModule. У меня есть две вариации задания промежутка времени, надо чтобы отрабатывал только один. Но они оба заданы, как обязательные одно условие без другого не работает. Как выйти из такой ситуации?

<form class="line-choice" [formGroup]="form" (ngSubmit)="changeColor()">
   <h3 class="line-choice__title">Настройка параметров отображения логов</h3>
   <div class="line-choice__name">
     <h5 class="line-choice__subtitle">Название линии: </h5>
     <mat-form-field>
       <mat-select formControlName="food">
         <mat-option *ngFor="let food of foods" [value]="food">
           {{food}}
         </mat-option>
       </mat-select>
     </mat-form-field>
   </div>
   <div class="timeSelect">
     <h5 class="line-choice__periods-title">Время появления логов: </h5>
     <div>
       <button
         type="button"
         (click)="clickButtonPeriod()"
         [class.line-choice__btn-time_active]="period"
         class="line-choice__btn-time">
         за период
       </button>
       <button
         type="button"
         (click)="clickButtonInterval()"
         [class.line-choice__btn-time_active]="interval"
         class="line-choice__btn-time">
         за интервал
       </button>
     </div>
   </div>
   <div *ngIf="period" class="line-choice__periods" formGroupName="period">
     <input type="radio" formControlName="radio" value="0.5">
     <label>30 минут</label>
     <input formControlName="radio" type="radio" value="2">
     <label>2 часа</label>
     <input formControlName="radio" type="radio" value="24">
     <label>1 день</label>
     <input formControlName="radio" type="radio" value="100">
     <label>все время</label>
   </div>
   <div *ngIf="interval" class="line-choice__line-inputs">
     <div style="display: flex; justify-content: space-between;" formGroupName="interval">
       <mat-form-field color="accent">
         <mat-label>начало периода</mat-label>
         <input matInput [matDatepicker]="picker1" formControlName="inputDate">
         <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
         <mat-datepicker #picker1></mat-datepicker>
       </mat-form-field>
       <mat-form-field color="accent">
         <mat-label>конец периода</mat-label>
         <input matInput [matDatepicker]="picker2" formControlName="inputDate">
         <mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
         <mat-datepicker #picker2 color="primary"></mat-datepicker>
       </mat-form-field>
     </div>
   </div>
   <button
     type="submit"
     [ngClass]="{'line-choice__submit_active': !form.invalid}"
     class="line-choice__submit"
     [disabled]="form.invalid"
   >
     Показать логи
   </button>
 </form>

ngOnInit() {
   this.form = new FormGroup({
     food: new FormControl('', [
       Validators.required
     ]),
     period: new FormGroup({
       radio: new FormControl('', [
         Validators.required
       ])
     }),
     interval: new FormGroup({
       inputDate: new FormControl('', [
         Validators.required
       ])
     })
   });
 }