목록 항목 비활성화 - angularjs

Question

저는 AngularJS에서 탐색 경로 탐색을 만들고 있습니다. 사용자가 요구 사항을 충족하지 않아 일부 링크를 사용하지 않아야합니다.

나는 각진 문서를 살펴본 결과 목록 항목에서 ng-disabled를 사용할 수 없다는 것을 알아 냈습니다. 그래서 ng-class를 사용하여 목록 항목을 회색으로 표시합니다. 지금은 아직 심지어리스트 항목을 클릭 할 수 있기 때문에,리스트 항목에서 NG 장애인 작업을 얻을 수있는 방법이 있나요

<li id="first"> 
    <div ng-click="vm.navigateTo(0)"> 
     <label translate="{{vm.translationKeys[0]}}"></label> 
    </div> 
</li> 

<li> 
    <div ng-click="vm.navigateTo(1)"> 
     <label translate="{{vm.translationKeys[1]}}" ng-class="{'hasRequests': vm.programHasRequests == false && vm.currentStepNumber != 1}"></label> 
    </div> 
</li> 

<li> 
    <div ng-click="vm.navigateTo(2)"> 
     <label translate="{{vm.translationKeys[2]}}" ng-class="{'hasRequests': vm.hasRequestIdInUrl == false}"></label> 
    </div> 
</li> 

<li id="last"> 
    <div ng-click="vm.navigateTo(3)"> 
     <label translate="{{vm.translationKeys[3]}}" ng-class="{'hasRequests': vm.hasRequestIdInUrl == false}"></label> 
    </div> 
</li> 

: 여기 내가 지금 사용하고있는 HTML 코드입니다 ng-class가 적용될 때. 돕는

감사합니다,

인사말, 브렌트

Answer 1

당신은 목록 항목을 비활성화 할 수 없습니다. CSS를 사용하여 색상을 변경하여 목록 항목을 비활성화하십시오. 같은 방식으로 자바 스크립트에서 처리 할 수 ​​있습니다. 그것이 사용 안함인지 확인하십시오. 그런 다음 흐름을 수행하십시오.

<li> 
    <div ng-click="vm.navigateTo(1,vm.translationKeys)"> 
     <label translate="{{vm.translationKeys[1]}}" ng-class="vm.programHasRequests == false ? 'Redirect':'NotRedirect'"></label> 
    </div> 
</li> 

'navigateTo'함수에서 두 번째 매개 변수로 리디렉션되는지 여부를 확인해야합니다.