Я создал простой угловой проект, в котором у меня есть базовый шаблон. Этот базовый шаблон импортирует все необходимые библиотеки, а также запускает в нем простую функцию jQuery. Что-то вроде этого:Функция Javascript не влияет на угловые шаблоны
<html ng-app='myApp'>
<body>
<div><input type="text"></div>
<div ng-view></div>
// Imports
<script>
(function() {
$('input').each(function() {
$(this).addClass('doSomething');
});
})();
</script>
</body>
</html>
Таким образом, в основном, функция добавляет класс для всех входных элементов в моем DOM. Эта функция используется для первого элемента ввода вне ng-view.
Однако, допустим, у меня есть элементы ввода в моих шаблонах ng-view, они не зависят от функции. Почему это? Кажется, моя функция jQuery не может получить доступ к DOM моих угловых шаблонов.
Есть ли решение для этого? Каков идеальный способ запуска общей функции, которая может повлиять на угловые шаблоны?
Спасибо.
Почему вы не делаете (или не ищите, если это уже существует) директива? – Maxime
И добавление класса к каждому входу кажется, что вы должны использовать простой класс CSS: 'input {your_code}' – Maxime
@Maxime Почему вы предпочитаете использовать имя элемента в качестве селектора над классом? – 1252748