Как смотреть DOM на изменения AngularJS
Это может показаться глупым вопросом, но мне нужно знать, как просмотреть весь DOM страницы и перекомпилировать его каждый раз, когда он меняется. По сути, это то, что AngularJS делает по умолчанию, используя привязки данных, но мне нужно, чтобы это происходило каждый раз, когда меняется что-то в DOM, а не только привязки. Причина в том, что у меня есть приложение, которое полностью построено на HTML, Javascript и PHP. Это одностраничное приложение, оно имеет главную страницу и внедряет PHP в оболочку DIV на этой странице.
Я хочу внести в него некоторые изменения, но хочу, чтобы мой код был полностью отделен от исходного кода. Для этого мне нужно иметь возможность перекомпилировать DOM каждый раз, когда вводится новый файл PHP с собственной структурой DOM. То, что у меня есть, похоже, не работает.
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);
}
});
}
});
Я добавляю атрибут часов<body> тег, но он не работает, когда дом меняется, ничего не регистрируется. В конечном итоге я хотел бы заменить console.log на $ compile, но сначала мне нужно заставить часы работать. Может кто-то указать мне, что я делаю неправильно?