Vô hiệu hóa tất cả các điều khiển trong một biểu mẫu kiểu

Question

Cách tắt tất cả các điều khiển trong biểu mẫu được định hướng mẫu.

Giải pháp đã thử.

sử dụng tập hợp và đặt [đã tắt] thành điều đó - thao tác này sẽ không hoạt động trong IE 9+. Cũng sử dụng fieldset, các đầu vào không bị tắt

<button class="icon-btn pull-right addNewBtn" type="button" title="Add New " data-toggle="modal" id="Btn" data-backdrop="false"><i (click)="Person(Code)" class="fa fa-user-plus"></i></button> 

    <p-radioButton name="type" value="I" label="Inc" [(ngModel)]="type"></p-radioButton> 

Tôi không có nhóm biểu mẫu để giải pháp cũng không hoạt động ở đây.

Hãy cho tôi biết Có giải pháp nào khác trong AngularJS 2

Answer 1

Bạn sẽ cần phải đảm bảo rằng mỗi đầu vào của bạn hiểu được những gì "vô hiệu hóa" có nghĩa là cho nó. Một số phần tử html có thuộc tính bị vô hiệu hóa - như nút html thông thường - sẽ phản ứng với [disabled] = "condition". Nhưng đối với các phần tử của riêng bạn - như p-radioButton - bạn sẽ cần phải thiết lập kiểu dáng "vô hiệu hóa" nhất định và ngăn các phần của p-radioButton của bạn (ví dụ div xung quanh) từ các sự kiện chuyển tiếp không được chuyển tiếp nếu nó bị tắt. Sau đó, bạn có thể sử dụng ngClass và thiết lập thuộc tính disabled cho mọi đầu vào khi điều kiện vô hiệu hóa là đúng.