Angular JS 시계 기능에 대해 알아야 할 모든 것



이 기사는 Angular JS watch 기능을 구현하는 방법에 대한 상세하고 포괄적 인 지식을 제공합니다.

그만큼 JS $ scope 함수는 주요 함수 중 일부입니다. 이 기사에서는 Angular JS watch 기능에 대해 다음 순서로 설명합니다.

Angular JS watch 기능은 무엇입니까?

각도 JS $ watch 함수는 범위 객체를 감시하는 데 사용됩니다. $ watch는 변수를 주시하고 변수의 값이 변경됨에 따라 각도 JS $ what이 함수를 실행합니다. 이 함수는 두 개의 인수를 취합니다. 하나는 새 값이고 다른 매개 변수는 이전 값입니다.





각도 js 시계

Apache Hadoop 용 cloudera 인증 개발자

각도 JS 시계 기능을 사용하는 방법?

angular JS의 watch 함수가 정확히 무엇을하는지 간단한 예를 들어 보겠습니다. 따라서 각도 JS 프로그램에서 index.js가 프론트 엔드를 담당하고 app.js가 백엔드를 처리하는 두 개의 파일을 생성했습니다. 여기서는 양식이있는 간단한 프로그램을 만들고이 양식에는 입력 필드가 있습니다. 입력 필드에 이름을 입력하면 출력 메시지에 이전 값과 새 값이 표시됩니다.



SQL 쿼리의 if 조건

HTML 코드

index.html 페이지에는 이름이 ngWatchApp 인 각도 앱과 이름이있는 컨트롤러가 있습니다.watchController. 그런 다음 입력 필드 이름과 해당 입력 필드의 값을 h1 태그로 인쇄하고 메시지가 인쇄되는 양식을 만듭니다.

꼬리표.

각도 시계 예 이름 입력

{{메시지}}

자바 스크립트 코드

app.js에서 이름이 ngWatchApp 인 앱과 이름이있는 컨트롤러를 만들었습니다.watchController. 다음으로, 이름, 이름 및 메시지를 사용하여 범위에 두 개의 변수를 정의하고 감시 함수에서 두 개의 매개 변수를 전달합니다. 하나는 변경시 영향을받는 필드의 이름이고 다른 하나는 두 개의 매개 변수가있는 함수입니다. 새로운 가치, 오래된 가치. 마지막으로 메시지 변수에 두 개의 값을 추가하고 메시지 변수가index.html페이지.



파이썬에서 힘을 사용하는 방법
var app = angular.module ( 'ngWatchApp', []) app.controller ( 'watchController', function ($ scope) {// 범위 변수 추가 $ scope.name = ''$ scope.message = ''// 추가 이름 필드 $ scope. $ watch ( 'name', function (newValue = '', oldValue = '') {$ scope.message =`new valus는 $ {newValue}이고 이전 값은 $ {oldValue}`}가있는 시계 )})

함수를 볼 때마다이 함수는 다이제스트에 따라 여러 번 호출됩니다. 코드가 실행될 때마다 AngularJS는 현재 $ scope 참조를 첫 번째 인수로 전달합니다. 함수 본문 내에서 적절한 범위를 참조 할 수 있다는 의미 일뿐만 아니라 $ scope 참조를 예상하는 모든 함수를 볼 수 있음을 의미합니다.

이것이 애플리케이션에서 angular js watch () 함수를 사용하여 $ scope 변수 변경을 관찰하는 방법입니다. $ watch와 함께 작동하는 다른 것들이 있습니다. $ digest () 함수는 다음과 같은 경우 $ scope 객체의 모든 watch를 반복합니다.$ digest ()시계를 반복하고 각 시계에 대한 값 함수를 호출합니다. 그만큼$ scope. $ apply ()함수는 실행되는 매개 변수로 함수를 취하고 그 후에$ scope. $ digest ()내부적으로 호출됩니다.

이것으로 우리는 Angular JS watch Function 기사를 마칩니다. Angular 프레임 워크에 대해 자세히 알아 보려면 강사 주도의 라이브 교육 및 실제 프로젝트 경험과 함께 제공됩니다. 이 교육은 Angular를 심층적으로 이해하고 주제에 대한 숙달을 달성하는 데 도움이됩니다.

질문이 있으십니까? 'Angular JS Watch Function'의 댓글 섹션에 언급 해 주시면 연락 드리겠습니다.