각도를 사용하여 Chrome에서 변수 변경 중단

this 질문과 비슷하게 Chrome에서 다양한 변수를 변경하고 싶습니다. 그러나, 저는 Angular를 사용하고 있습니다. 따라서 중단하고 싶은 변수는 HTML에서만 정의됩니다. 그 본질적으로 뭔가 이런 -각도를 사용하여 Chrome에서 변수 변경 중단

<div ng-click="show = !show">...<div> 
<div ng-class="{expanded : show}">...

컨트롤러에 코드가 없습니다. 그렇다면 show이 변경되면 Chrome을 일시 중지 하시겠습니까? show을 랩 한 함수 호출로 코드를 변경 한 다음 거기에 중단 점을 넣을 수는 있지만 시간이 비효율적으로 사용된다는 것을 알고 있으며 변수 변경을 직접 중단하는 방법이 있는지 알고 싶습니다.

출처

2014-10-10 David Grinberg

*입니다 * 방법은 그것을 할 수 있지만 :

function breakOn(property, object) { Object.observe(object, function (changes) { changes.forEach(function (change) { if (change.name === property) { console.log("Property " + property + " changed"); console.log(change); debugger; } }); }); }

를 그리고 1 단계 콘솔을 입력 한 후 더 "비효율적 인 시간 사용"이 될 것입니다. AngularJs의'ng-click' 또는'$ watch' 코드 안에 중단 점을 두어야 할 것입니다. 그러나 중단 점이 계속 끊어 질 가능성이 높습니다. – JoseM

글쎄, 당신은 콘솔을 통해 원하는 기능을 achive 수 있습니다

먼저 show 속성이 정의 된 범위에 액세스 할 수 있습니다. Here 이 작업을 수행하는 방법에 대한 설명입니다.
그런 다음 Chrome의 Object.observe을 통해이 범위 개체의 변경 사항을 관찰 할 수 있습니다.

이 프로세스를 단순화하기 위해이처럼 전역 함수를 정의 할 수 있습니다 : breakOn('show', $scope);이

출처

2014-10-10 17:31:15 Alexei

Chrome에서 Object.observe가 Chrome에서 제거되었습니다. 50 http://stackoverflow.com/questions/36195945/object-observe-remove-in-chrome-50 – kolobok

각도를 사용하여 Chrome에서 변수 변경 중단

답변

관련 문제