angular.js - 각도 양방향 바인딩이 깨졌습니다!

Question

먼저 코드를 붙여넣으세요.

컨트롤러:

으아악

지시문:

으아악

html:

으아악

효과:

접었을 때

펼쳤을 때

예비 제출이 완료되었습니다. 기대되는 점은 다음과 같습니다.

접혀 있지 않을 때 다시 접으려면 접힌 부분을 클릭하고, 원래 상태로 복원하려면 scope.isFold 접기 플래그를 변경하세요,

질문은 다음과 같습니다.

버그가 있을 것입니다. 즉,scope.isFold의 값을 수정하고 범위의 값이 변경되었음을 확인했지만 원래 값은 여전히 ​​페이지에 있습니다. 즉, 양방향 바인딩이 유효하지 않습니다. .아래 사진을 참고하세요

사진의 디스플레이에서 접는 부분이 접혀 있습니다. 아래의scope.isFold 출력도 정상이지만 페이지 상단의 값은 false입니다. . 컨트롤러를 확인했는데, 이 페이지만 정확합니다. 꽤 우울한 상황입니다. . .

Answer 1

이벤트 핸들러에 $scope.$apply를 추가하세요

Answer 2

으아악

js

으아악

Answer 3

해결책은 다음과 같습니다.

dom 요소를 조작하고 범위의 속성 값을 수정한 후,scope.$apply가 뷰를 업데이트합니다

으아악

Answer 4

실제로 많은 분들이 아직도 링크 기능에서 elemnet.on 이벤트 모니터링을 사용하고 계신다고 오해하고 계시는데요,
ngClick을 사용하고 링크에scope.click 함수를 작성해 보는 것은 어떨까요?

타사 jQuery 플러그인을 사용하지 않는 한