Как отключить все поля в шаблоне управляемой формы в angular

Question

Как отключить все поля в шаблоне управляемой формы в angular

Я создал управляемую шаблоном форму в angular 5

Сначала я хочу отключить всю форму, а также хочу, чтобы форма была включена после нажатия какой-либо кнопки, поэтому я добавил свойство disabled в теге form и сделал его значение false, как показано ниже, (это не сработало, хотя):

<form #formName = "ngForm" [disabled]="true">

</form>

Поскольку вышеуказанное свойство disabled не работало, я изменил свойство disabled как

[attr.disabled] = true

Это тоже не сработало

Теперь, когда у меня есть ссылка на элемент формы, который is #formName, я использовал его в файле TS и попытался изменить значение отключенного свойства внутри ссылочного объекта

Вот что я сделал:

@ViewChild('formName') formName;





this.formName.disabled = true;

Который также не работал, и я получил сообщение об ошибке, говорящее, что disabled не может быть изменен, так как это только геттер

Как отключить всю форму по умолчанию в angular on template driven forms ?

Заранее спасибо:)

491 1

typescript angular angular-forms

1 ответ:

Comments

Ничего не найдено.

Aravind · Accepted Answer · 2018-03-28 15:01:43

Как указано в комментарии, Вы можете обернуть форму внутри тега fieldset и достичь этого, как показано ниже,
<form #formName = "ngForm" >
    <fieldset [disabled]="disabledValue">
</form>
И вы можете изменить его в коде, имея локальную переменную и переключаясь между отключенным/включенным состоянием как
this.disabledValue = true;