bestsource

ng-required vs required 사용

bestsource 2023. 10. 26. 21:17
반응형

ng-required vs required 사용

다음과 같은 다중 선택 상자가 있습니다.

<select 
    multiple="multiple" 
    data-ng-model="rightSelected" 
    data-ng-options="slide as slide.SlideBarcode for slide in form.Slides" 
    data-ng-required="form.Slides.length > 0" 
/>

컨트롤러에서 초기화 시 다음 작업을 수행합니다.

$scope.form.Slides = [];

슬라이드 배열에 슬라이드가 있는 경우 양식의 이 요소가 유효하기를 원합니다.사용자가 슬라이드를 추가할 수 있는 일종의 슬라이드 버킷입니다.

하지만 ngRequired가 어떻게 작동하는지 이해가 안가요로 바꾸면data-ng-required="true"제 폼은 괜찮아 보이는데 당연히 제가 원하는 대로 되지 않습니다.사용하면.form.Slides.length > 0제가 진정으로 원하는 것을 확인하는 것입니다. 이것은 작동하지 않을 뿐만 아니라 제 양식 구조를 엉망으로 만듭니다. 제 요소 중 하나가 무작위로 사라지는 것처럼 보입니다.

이것을 사용하는 적절한 방법은 무엇입니까?이것에 대한 서류는 상당히 희박합니다.

이 게시물을 확인해 보세요.

required와 ng-required의 차이점은 무엇입니까?

제가 보기에 당신은 ng 요구 속성을 잘못 사용하고 있는 것 같습니다.ng-required 속성은 조건부로 입력이 필요하거나 필요하지 않은 경우에 대한 속성입니다.당신의 경우에는 항상 그 입력이 필요하기를 바라는 것 같습니다.

당신의 의견에 따르면, 만약 당신이 어떤 기능도 관리하고 싶지 않다면, 나는 이 모든 것을 하나의 기능에 넣을 것입니다.

$scope.isFormValid= function(){
    if (form.Slides.length > 0 && myForm.$valid)
        return true;
}

그리고 나서.

ng-disabled="isFormValid()"

이것은 가장 우아한 해결책은 아니지만 효과가 있습니다.그게 당신이 원했던 것이 아니라면 저에게 알려주세요.

언급URL : https://stackoverflow.com/questions/19230567/using-ng-required-vs-required

반응형