Как сделать readonly все входы в каком-нибудь div в Angular2?

У меня есть страница со многими входами, и я хочу сделать ее "readOnly" Я нахожу это решение: Как изменить HTML-элемент readonly и требуемый атрибут в Angular2 Typescript?

Но я не хочу делать это для каждого входа отдельно.

Как добавить свойство readOnly ко всем входам в каком-либо div.

Ответ 1

Попробуйте это в поле ввода:

[readonly]="true"

Надеюсь, это сработает.

Ответ 2

Если вы хотите сделать целую группу, а не только одно поле за раз, вы можете использовать тег HTML5 FIELDSET.

<fieldset [disabled]="(killfields ? 'disabled':null)">

....your fields.....

</fieldset>

Ответ 3

Если вы используете реактивные формы, вы также можете отключить всю форму или любой поднабор элементов управления в FormGroup с помощью myFormGroup.disable().

Ответ 4

Все входы должны быть заменены пользовательской директивой, которая считывает одну глобальную переменную для переключения состояния readonly.

// template
<your-input [readonly]="!childmessage"></your-input>

// component value
childmessage = false;

Ответ 5

Вы можете сделать это. Откройте ts файл, там создайте интерфейс с нужными входами и на странице, которую вы хотите показать в классе экспорта, пишите

readonly yourinterface = yourinterface
readonly level: number[] = [];

и в вашем шаблоне сделайте так: * ngFor = "let yourype of yourinterface"

Ответ 6

Просто установите свойство css контейнера div "указатели-события" как ни одного, т.е. "указатель-события: нет";