Plik Funkcje JS $ scope to tylko niektóre z głównych funkcji. W tym artykule omówimy funkcję zegarka Angular JS w następującej kolejności:
Jaka jest funkcja zegarka kątowego JS?
Kątowa funkcja JS $ watch służy do obserwowania obiektu oscyloskopu. $ Watch ma oko na zmienną i gdy wartość zmiennej zmienia kątowy JS $, który uruchamia funkcję. Ta funkcja przyjmuje dwa argumenty, jeden to nowa wartość, a drugi to stara wartość.
Jak korzystać z funkcji zegarka kątowego JS?
Weźmy prosty przykład tego, co dokładnie robi funkcja zegarka w kątowym JS. Więc w naszym angularnym programie JS utworzyliśmy tam dwa pliki index.js jest odpowiedzialny za frontend, a app.js jest odpowiedzialny za obsługę backendu. Tutaj tworzymy prosty program z formularzem, a ten formularz ma pole wejściowe. Kiedy podajemy nazwę w polu wejściowym, komunikat wyjściowy pokazuje nam starą wartość i nową wartość.
Kod HTML
Nasza strona index.html zawiera aplikację kątową o nazwie ngWatchApp i kontroler o nazwiewatchController. Następnie tworzymy formularz z nazwą pola wejściowego i wartością tego pola, które drukujemy w tagu h1, a komunikat jest drukowany w
etykietka.
jak zaimplementować hashmap w java
Przykład zegarka kątowego Wpisz swoje imię{{wiadomość}}
Kod JavaScript
W app.js stworzyliśmy aplikację o nazwie ngWatchApp i kontroler o nazwiewatchController. Następnie definiujemy dwie zmienne w zakresie z nazwą, nazwą i komunikatem, a w funkcji watch przekazujemy dwa parametry, jeden to nazwa pola, na które ma wpływ zmiana, a drugi to funkcja, która również ma dwa parametry, nowa wartość i stara wartość. Na koniec dodajemy dwie wartości do zmiennej message i zmienna message jest wyświetlana w plikuindex.htmlstrona.
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// dodawanie zmiennej zakresu $ scope.name = '' $ scope.message = '' // dodaj obserwuj z polem nazwy $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus to $ {newValue}, a stara wartość to $ {oldValue}`} )})Za każdym razem, gdy oglądamy funkcję, ta funkcja jest wywoływana wiele razy zgodnie z podsumowaniem. Za każdym razem, gdy kod jest wykonywany, AngularJS przekazuje bieżącą referencję $ scope jako pierwszy argument. Nie tylko oznacza to, że możemy odwołać się do odpowiedniego zakresu z treści funkcji, ale także oznacza, że możemy obserwować każdą funkcję, która oczekuje odwołania do zakresu $ scope.
W ten sposób możemy użyć funkcji angular js watch () w aplikacjach, aby obserwować zmiany zmiennej $ scope. Jest kilka innych rzeczy, które działają z $ watch, to jest funkcja $ digest (), która iteruje przez wszystkie zegarki w obiekcie $ scope, gdy$ Digest ()iteruje po zegarkach, wywołuje funkcję value dla każdego zegarka. Plik$ scope. $ zastosuj ()function przyjmuje funkcję jako parametr, który jest wykonywany, a następnie$ scope. $ digest ()jest wywoływana wewnętrznie.
Na tym kończymy artykuł o funkcji zegarka Angular JS. Jeśli chcesz dowiedzieć się więcej o frameworku Angular, sprawdź nasze który obejmuje szkolenie na żywo prowadzone przez instruktora i rzeczywiste doświadczenie projektowe. To szkolenie pomoże ci dogłębnie zrozumieć Angular i pomoże ci osiągnąć mistrzostwo w tym temacie.
def __init __ (self) python
Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy w „Funkcji zegarka Angular JS”, a my skontaktujemy się z Tobą.