반응형 watch2 Vue watch의 속성 immediate watch는 속성의 값이 변할때마다 실행되지만, 변경과 관계없이 처음 실행해야 하는 경우가 있다. watch: { myData(value) { } }, 페이지가 처음 로드될때 watch로 바라보는 값이 기본값으로 설정된다. 이때는 속성이 변경이 되지 않아 watch는 실행이 되지않는다. immediate: true로 설정하고 핸들러 함수를 아래처럼 옮긴다. watch: { myData: { immediate: true, handler(value) { // ... } } }, deep const array = [1, 2, 3, 4]; array.push(5); array.push(6); array.push(7); // array = [1, 2, 3, 4, 5, 6, 7] 위와 같이 배열을.. 2022. 11. 7. AngularJS $watch $watch 메서드는 모델에 변경이 있는지 감시하고 변화가 있으면 콜백을 실행하는 메서드입니다. 아래는 간단한 예제입니다. $scope.name = ''; $scope.$watch('name', function(newValue, oldValue) { console.log('값이 ' + $scope.name + '로 바뀌었습니다!'); }, true); 'name'은 스코프에 있는 모델 변수의 이름입니다. name 이란 변수를 감시하고 싶다면 저 첫번째 파라미터에 변수명을 입력하면 됩니다. $watch가 무조건 실행되는 것을 막기위해 newValue와 oldValue를 받아 비교하여 조건을 만들어 줍니다. $scope.$watch('name', function(newValue, oldValue) { if(.. 2020. 8. 28. 이전 1 다음 반응형
