Jak oglądać DOM dla zmian AngularJS
To może wydawać się głupie pytanie, ale muszę wiedzieć, jak oglądać cały DOM strony i przekompilować go za każdym razem, gdy się zmienia. Zasadniczo to jest to, co domyślnie robi AngularJS przy użyciu databindingu, ale potrzebuję tego, by za każdym razem cokolwiek w DOM zmieniało się, nie tylko powiązania. Powodem jest to, że mam aplikację zbudowaną w całości w HTML, Javascript i PHP. Jest to aplikacja jednostronicowa, ma stronę główną i wstrzykuje PHP do opakowania DIV na tej stronie.
Chcę wprowadzić w nim pewne modyfikacje, ale chcę, aby mój kod był całkowicie oddzielony od oryginalnego kodu. Aby to zrobić, muszę być w stanie zrekompilować DOM w dowolnym momencie, gdy zostanie wstawiony nowy plik PHP z własną strukturą DOM. To, co do tej pory miałem, nie działa.
app.directive("watch", function () {
return function (scope, element, attr) {
scope.$watch("watch", function(oldValue, newValue) {
if(newValue) {
console.log("there is a new value");
console.log("the new value is " + newValue);
}
});
}
});
Dodam atrybut zegarka the<body> tag, ale wydaje się, że nie działa, gdy dom jest zmieniany, nic nie jest rejestrowane. Ostatecznie chciałbym zamienić console.log na $ compile, ale najpierw muszę uruchomić zegarek. Czy ktoś może mi wskazać, co robię źle?