입력 필드의 읽기 전용 속성 변경시 AngularJS 레이블 변경

황제 락스 미 다르

조건에 따라 활성화 또는 비활성화 할 수있는 입력 필드가 있습니다. 해당 레이블에는 입력 필드가 필수임을 나타내는 '*'가 있습니다. 현재 '*'는 항상 표시되며 입력 필드가 편집 가능한 경우에만 표시되어야합니다.

<label>Field Label *</label>
<input ng-model="someObject.value" ng-if="!someObject.allowEdit" ng-readonly="true"/>

입력 필드가 읽기 전용이면 '*'를 표시하지 않는 조건을 추가하려고합니다.이를 위해 아래와 같은 작업을하고 있지만 angularJS로 입력 필드의 읽기 전용 속성을 확인하는 방법을 모르겠습니다.

<label>Field Label 
    <div style="display:inline" ng-show="[if inupt field.readonly == false]">*</div>
</label>
<input ng-model="someObject.value" ng-if="!someObject.allowEdit" ng-readonly="true"/>
메인

이 시도:

    <div ng-controller="MyCtrl">
        <div ng-repeat="item in data">
            <label>Field Label 
                <span style="display:inline" ng-show="!item.allowEdit">*</span>
                <span style="display:inline" ng-show="item.allowEdit">&nbsp;</span>
            </label>
            <input ng-model="item.name" ng-hide="item.allowEdit"/>
            <input ng-model="item.name" ng-show="item.allowEdit" ng-readonly="true"/>
        </div>
    </div>

여기에 바이올린이 있습니다

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

입력 필드 (type = "number")는 내용이 변경되면 angularjs의 양방향 'BIND'속성을 잃습니다.

분류에서Dev

페이지로드시 모든 '비활성화 된'속성을 '읽기 전용'속성으로 변경 하시겠습니까?

분류에서Dev

런타임에 .NET 속성 그리드 읽기 전용 속성 변경

분류에서Dev

활성 입력 상자의 레이블 색상 변경

분류에서Dev

레이블을 클릭하여 입력 속성 변경

분류에서Dev

읽기 전용 파일 시스템의 SHA512 해시가 변경되는 이유는 무엇입니까?

분류에서Dev

읽기 전용 파일 시스템의 SHA512 해시가 변경되는 이유는 무엇입니까?

분류에서Dev

TypeError : 읽기 전용 속성의 값을 변경하려고합니다. defineProperty

분류에서Dev

입력 텍스트 필드를 레이블 자바 스크립트 내부에 입력 된 값을 사용하여 레이블로 변경하십시오.

분류에서Dev

내용이 기본값에서 변경된 경우 텍스트 필드 입력 스타일 변경

분류에서Dev

이전 문서의 서식있는 텍스트 필드에 대한 숨기기 속성 변경

분류에서Dev

Jquery 테이블에서 현재 필드의 포커스 또는 변경을 기반으로 다른 입력 필드를 비활성화합니다.

분류에서Dev

입력 필드 변경시 angularJs 날짜 형식 지정

분류에서Dev

상기 경로 기능 내에 블레이드 변수 읽기

분류에서Dev

jQuery-입력 필드의 유효성 검사 상태 변경 잡기

분류에서Dev

javascript AngularJS 자동 레이블 래핑시 글꼴 크기 변경

분류에서Dev

NgbCarousel 지시문의 동적 변경 간격 입력 속성

분류에서Dev

읽기 전용 필드와 개인 getter 속성의 차이점

분류에서Dev

변경시 datepicker를 입력 필드로 다시 전달

분류에서Dev

jQuery-동시에 채워진 다른 입력 필드의 값을 사용하여 입력 필드의 이름 변경

분류에서Dev

Chrome 브라우저의 입력 필드에서 읽기 전용 속성을 사용하는 동안 커서 이동을 활성화하는 방법

분류에서Dev

jquery 변경시 읽기 전용

분류에서Dev

입력 필드의 경우 속성이 true이고 선택 필드의 경우 false입니다.

분류에서Dev

필드 변경시 MVVM 개체 발생 속성 변경 이벤트

분류에서Dev

Objective-C 카테고리의 읽기 전용 속성을 변경하는 방법

분류에서Dev

확인란의 속성을 읽기 전용으로 변경할 수 없습니다.

분류에서Dev

확인란의 속성을 읽기 전용으로 변경할 수 없습니다.

분류에서Dev

AngularJS의 Bootstrap에서 CSS 속성 변경보기

분류에서Dev

CSS 또는 JavaScript에서 배경색을 변경하지 않고 입력 필드를 읽기 전용으로 설정

Related 관련 기사

  1. 1

    입력 필드 (type = "number")는 내용이 변경되면 angularjs의 양방향 'BIND'속성을 잃습니다.

  2. 2

    페이지로드시 모든 '비활성화 된'속성을 '읽기 전용'속성으로 변경 하시겠습니까?

  3. 3

    런타임에 .NET 속성 그리드 읽기 전용 속성 변경

  4. 4

    활성 입력 상자의 레이블 색상 변경

  5. 5

    레이블을 클릭하여 입력 속성 변경

  6. 6

    읽기 전용 파일 시스템의 SHA512 해시가 변경되는 이유는 무엇입니까?

  7. 7

    읽기 전용 파일 시스템의 SHA512 해시가 변경되는 이유는 무엇입니까?

  8. 8

    TypeError : 읽기 전용 속성의 값을 변경하려고합니다. defineProperty

  9. 9

    입력 텍스트 필드를 레이블 자바 스크립트 내부에 입력 된 값을 사용하여 레이블로 변경하십시오.

  10. 10

    내용이 기본값에서 변경된 경우 텍스트 필드 입력 스타일 변경

  11. 11

    이전 문서의 서식있는 텍스트 필드에 대한 숨기기 속성 변경

  12. 12

    Jquery 테이블에서 현재 필드의 포커스 또는 변경을 기반으로 다른 입력 필드를 비활성화합니다.

  13. 13

    입력 필드 변경시 angularJs 날짜 형식 지정

  14. 14

    상기 경로 기능 내에 블레이드 변수 읽기

  15. 15

    jQuery-입력 필드의 유효성 검사 상태 변경 잡기

  16. 16

    javascript AngularJS 자동 레이블 래핑시 글꼴 크기 변경

  17. 17

    NgbCarousel 지시문의 동적 변경 간격 입력 속성

  18. 18

    읽기 전용 필드와 개인 getter 속성의 차이점

  19. 19

    변경시 datepicker를 입력 필드로 다시 전달

  20. 20

    jQuery-동시에 채워진 다른 입력 필드의 값을 사용하여 입력 필드의 이름 변경

  21. 21

    Chrome 브라우저의 입력 필드에서 읽기 전용 속성을 사용하는 동안 커서 이동을 활성화하는 방법

  22. 22

    jquery 변경시 읽기 전용

  23. 23

    입력 필드의 경우 속성이 true이고 선택 필드의 경우 false입니다.

  24. 24

    필드 변경시 MVVM 개체 발생 속성 변경 이벤트

  25. 25

    Objective-C 카테고리의 읽기 전용 속성을 변경하는 방법

  26. 26

    확인란의 속성을 읽기 전용으로 변경할 수 없습니다.

  27. 27

    확인란의 속성을 읽기 전용으로 변경할 수 없습니다.

  28. 28

    AngularJS의 Bootstrap에서 CSS 속성 변경보기

  29. 29

    CSS 또는 JavaScript에서 배경색을 변경하지 않고 입력 필드를 읽기 전용으로 설정

뜨겁다태그

보관