Angular.js :체크 박스를 선택하지 않은 사용자에 의해 하지만 나는 필요 ng-변경

Question

나는 사용자 지정 jquery-는 플러그인 숨은 실시 확인란을 선택하고 표시된 구성 요소를 대신 진정 하나입니다.

이를 위해 코드

<label for="local">
  <input type="checkbox" ng-model="value" ng-change="filterByCoursePlace('test')"  name="local"  id="local"><span>Local</span>
</label>

플러그인에서 생성 이 코드(그것은 추가 div 에서 최고의 체크박스)

<label for="local">
  <div class="jcf-class-ng-pristine jcf-class-ng-valid chk-area chk-unchecked chk-focus"><span></span></div>
  <input type="checkbox" ng-model="value" ng-click="filterByCoursePlace('test')" name="local" id="local" class="ng-pristine ng-valid"><span>Local </span>
</label>

큰 광장이 가짜입(다음과 같은 사용자)작은 광장입니다.실 checkbox 숨겨진 것을 사용합니다.

문제입니다:을 클릭한 경우에는 실제 중 하나는 ng-변경 작동하지만 클릭할 때에 가짜 ng 변화가 작동하지 않지만 진정 하나가 너무 확인.

Answer 1

가짜 맨 위에 실제 확인란을 보여주고 CSS (불투명도= 0)

로 보이지 않게 만듭니다.

완벽한 해결책이 아니지만 일이 일어났습니다.

Answer 2

얼마나 변경할 수 있 jQuery 플러그인?생성된 코드 ng-click="filterByCoursePlace('test'), 그 이유는,당신은 클릭하면 실제 중 하나는 작품이다.작업을 수행하는 가장 빠른 방법은 당신이 원하는 것은 제거하마 ng-change/ng-click 추가에서 컨트롤러 watch:

$scope.$watch('value', function(newVal, oldVal) {
    filterByCoursePlace('test')
});

는 경우 또는 변경할 수 있는 방법 플러그인을 생성하는 코드를 추가할 수 있습니다 ng-click 가짜란 대신 진정 하나입니다.어쨌든,당신이 원하는 경우 트리거 filterByCoursePlace 또한 때 value 에 의해 변경 다른 기능(처럼'resetFilters'버튼),나는 것으로 이동 $scope.$watch 방법입니다.