모든 유형의 요소에 대해 특정 조건의 응용 프로그램을 ng-click 비활성화합니다.

모든 유형의 요소에 대해 특정 조건의 응용 프로그램을 ng-click 비활성화합니다.

내 어플리케이션에서는 다음과 같은 ng-click 지시어로 여러 요소를 바인딩했습니다.

<a ng-click="DoSomething()"/>
<button ng-click="DoSomethingElse()">xyz</button>
<span ng-click="DoSomething()"></span>

특정 시나리오에서는 어플리케이션에서 기본 동작인ng-click을 실행하고 싶지만 특정 시나리오에서는 콜백 함수(DoSomething(), DoSomethingElse()를 완전히 디세블로 하고 싶습니다.

이 시나리오를 확인하려면 , 다음의 1개의 스코프 변수가 있습니다.$scope.IsClickEnable = true/false;

그럼 어떻게 하면 이런 행동을 할 수 있을까요?

ng-disable을 사용하여 요소를 비활성화할 수 있지만 버튼 종류의 요소에서만 작동하므로 시나리오에서는 작동하지 않습니다.

또한 모든 함수 호출의 상태를 확인할 수도 있지만, ng-click 동작이나 다른 동작을 덮어쓰기함으로써 이를 실현하는 보다 구체적인 방법을 원합니다.

다음과 같이 합니다.

<button ng-click="!IsClickEnable||DoSomethingElse()">xyz</button>

IsClickEnable 값이 true이면 버튼을 클릭하면 함수가 호출되고 DoSomethingElse() 함수가 호출됩니다.그렇지 않으면 호출되지 않습니다.

언급URL : https://stackoverflow.com/questions/23194477/disable-ng-click-on-certain-conditions-of-application-for-all-types-of-element