угловой материал отключить контроль с использованием fieldset

Question

Я использую angular material 7.2.0.Я пытаюсь отключить поля формы, используя fieldset контейнер.для элементов управления вводом это работает, но не для mat-select.Я знаю, что могу объявить это как в fieldset, так и в mat-select, и это работает, но я хочу, чтобы более общий код влиял на это.

образец моего кода:

<fieldset disabled="true">
    <form>
      <div>
          <label>סיבת הבדיקה</label>
          <mat-form-field>
            <mat-select>
              <mat-option [value]="undefined||null"></mat-option>
              <mat-option *ngFor="let reason of reasons"
                          [value]="reason.Code"
                          [matTooltip]="reason.Desc">
                {{reason.Desc}}
              </mat-option>
            </mat-select>
            <mat-error>
              חובה להזין ערך בשדה
            </mat-error>
          </mat-form-field>
        </div>
        <div>
            <label>הערות</label>
            <mat-form-field>
              <textarea maxlength="1200"></textarea>
            </mat-form-field>
        </div>
        <div>
            <label>מבצע</label>
            <mat-form-field>
              <input matInput
                     maxlength="100" />
              <mat-error>
                חובה להזין ערך בשדה
              </mat-error>
            </mat-form-field>
          </div>
    </form>
</fieldset>

Есть идеи?

Answer 1

Я решил это, удалив набор полей и установив форму для отключения с помощью события ngAfterContentChecked в файле ts.

см. Прилагаемую ссылку, как его использовать.

отключить форму

Answer 2

Использовать свойство CSS pointer-events

Свойство CSS pointer-events задает, при каких обстоятельствах (если таковые имеются) конкретный графический элемент может стать целью событий указателя.

<fieldset [ngStyle]="{'pointer-events':true ? 'none' : 'none' }" >
  <mat-form-field>
    <mat-select placeholder="Select">
      <mat-option value="option">Option</mat-option>
    </mat-select>
  </mat-form-field>
</fieldset>

Пример: https://stackblitz.com/edit/angular-ympzvr