Angular2의 일부 div에서 모든 입력을 읽기만 하는 방법?

Angular2의 일부 div에서 모든 입력을 읽기만 하는 방법?

입력 내용이 많은 페이지가 있는데 만들고 싶습니다.'readOnly' 다음과 같은 해결책이 있습니다.Angular2 Type 스크립트에서 HTML 요소 읽기 전용 및 필수 속성을 변경하는 방법은 무엇입니까?

하지만 모든 입력에 대해 따로 하고 싶지는 않습니다.

추가하는 방법readOnly일부 div의 모든 입력에 대한 속성입니다.

입력 필드에서 시도해 보십시오.

[readonly]="true"

호프, 잘 될 겁니다.

한 번에 하나의 필드가 아닌 전체 그룹을 수행하려면 HTML5를 사용할 수 있습니다.<fieldset>꼬리표를 매다

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

    <!-- fields go here -->

</fieldset>

반응형 양식을 사용하는 경우, 전체 양식 또는 양식 그룹의 모든 하위 컨트롤 집합을 사용 불가능으로 설정할 수 있습니다.myFormGroup.disable().

Angular 형태의 모든 입력을 한 번에 비활성화한다는 의미였다면:

1- 반응형:

myFormGroup.disable() // where myFormGroup is a FormGroup 

2- 템플릿 기반 양식(NgForm):

NgForm 변수(예: myNgForm)에서 NgForm을 잡아야 합니다.

myNgForm.form.disable() // where form here is an attribute of NgForm 
                      // & of type FormGroup so it accepts the disable() function

NgForm의 경우 적절한 시기에 disable 메서드를 호출하도록 주의하십시오.

호출 시기를 결정하려면 이 스택 오버플로 답변에서 자세한 내용을 확인할 수 있습니다.

모든 입력은 읽기 전용 상태를 전환하기 위해 단일 전역 변수를 읽는 사용자 지정 지시문으로 대체해야 합니다.

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

// component value
childmessage = false;

container div 'pointer-events'의 css 속성을 none으로 설정합니다. 즉, 'pointer-events:none';

이렇게 하면 돼요.파일 광고에서 열기, 원하는 입력을 사용하여 인터페이스를 만들고 내보내기 클래스 쓰기 아래에 표시할 페이지에 표시합니다.

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

템플릿에서는 *ngFor="인터페이스 유형을 지정하십시오."

언급URL : https://stackoverflow.com/questions/40863529/how-to-make-readonly-all-inputs-in-some-div-in-angular2