AngularJS는 한 번에 여러 값의 변경 사항을 모니터링합니다

1. $ watch의 간단한 사용

$watch 는 모델 변경을 듣는 scope 기능으로 모델의 일부가 변경 될 때 알려줍니다.

 $ watch (WatchExpression, 리스너, 객체 평등);

각 매개 변수에 대한 설명은 다음과 같습니다.

WatchExpression : 듣는 대상, '이름'과 같은 각도 표현 또는 function(){return $scope.name} 과 같은 함수 일 수 있습니다.

리스너 : watchExpression 변경 될 때 호출되는 기능 또는 표현식은 3 개의 매개 변수를 수신합니다 : newValue (새 값), oldValue (Old Value), scope (SCOPE 참조)

ObjectIfice : 깊이들을 지 여부, True로 설정되면 Angular에게 모니터링 된 객체의 각 속성의 변경 사항을 확인하도록 지시합니다. 정상 값 대신 배열의 개별 요소 또는 객체의 특성을 모니터링하려면 사용해야합니다.

밤나무를 가져 가십시오 :

 $ scope.name = 'hello'; var watch = $ scope. $ watch ( 'name', function (newValue, OldValue, Scope) {console.log (newValue); console.log (OldValue);}); $ timeout (function () {$ scope.name = "world", 1000);

2. 여러 값의 변경 사항을 듣습니다

일반적인 상황은 $watch() 를 통해 한 번에 하나씩 가치의 변화를 듣는 것입니다. 물론 대부분의 상황은 충족됩니다. 그러나 공식 웹 사이트의 $watch() 에 대한 설명을 읽음으로써 $watch() 에는 세 번째 매개 변수가 있으며 세 번째 매개 변수는 부울 유형으로 깊이 들릴지 여부를 나타냅니다. 깊은 모니터링의 예는 물체의 특성을 비교할 것인지입니다.

이런 식으로 여러 값의 변경 사항을 한 번에 모니터링 할 수 있습니다.

샘플 코드

 var app = angular.module ( "WatchApp", []) .controller ( "WatchController", [ "$ scope", function ($ scope) {$ scope.object = {}; $ scope.object.one = $ scope.one; $ scope.object.on = $ scope.one; $ scope ( "object", {)));

요약

위의 것은 AngularJS가 한 번에 여러 값을 바꾸는 방법에 관한 것입니다. 배웠습니까? 이 기사의 내용이 모든 사람의 연구와 작업에 도움이되기를 바랍니다. 궁금한 점이 있으면 의사 소통을 위해 메시지를 남길 수 있습니다. Wulin.com을 지원 해주셔서 감사합니다.