Чтобы отключить раскрывающийся список выбора в Angular, вы можете использовать несколько методов. Вот несколько вариантов:
-
Отключить с помощью атрибута Disabled:
<select disabled> <option>Option 1</option> <option>Option 2</option> </select>
-
Отключить использование привязки свойств:
<select [disabled]="true"> <option>Option 1</option> <option>Option 2</option> </select>
-
Динамическое отключение с помощью переменной:
В классе компонента определите переменную для управления отключенным состоянием:isDisabled = true;
В шаблоне:
<select [disabled]="isDisabled"> <option>Option 1</option> <option>Option 2</option> </select>
-
Отключить использование реактивных форм:
Если вы используете реактивные формы, вы можете отключить элемент управления формой, связанный с раскрывающимся списком выбора:
В вашем классе компонента:myForm = new FormGroup({ myControl: new FormControl({ value: '', disabled: true }) });
В шаблоне:
<select formControlName="myControl"> <option>Option 1</option> <option>Option 2</option> </select>