Молодец.

Это к чему?

Это к чему?

К тому что чел рассказал о себе.

Ну так заведено. Тут не хабр, делать замечания в стиле "держите в курсе"

В первые вижу такое. Да и чат узкоспециализированный.

Прикрепленное сообщение почитайте. Правда парень забыл указать тэг

парни, важный вопрос. что присобачить к ангуляру 1.5, чтобы можно было нормально собирать статистику про пользователя, что клацал, что вводил, где и почему застрял?

гугл аналитика вроде

GTM рулит

гугл аналитика показывает каждый шаг, каждое нажатие, каждый ввод?

гугл аналитика показывает каждый шаг, каждое нажатие, каждый ввод?

Может тебе проще обрабатывать все event и keyboard ивенты и складывать в базу? Смотря насколько тщательная информация тебе нунжа, если нужно собирать статистику какие элементы на странице пользователя больше интересуют, на что люди больше обращают внимания то тебе это вполне подойте

Если ты реально хочешь шпионить за людьми в плоть до того что он пекреместил курсор и ты ето должен знать то наверно сам пиши

бизнес поставил задачу. знать о том, куда юзверь нажал, что в какой инпут вводил, валидные или невалидные данные, почему его не перекинуло на следующий экран и т.д.

писать кастом?

Да

Походу да

Так или иначе, когда будешь подключать аналитику - все равно придется писать, дергать эвенты с таргетами и т.д

А так можешь сервис замутить, в котором следить за историей url, ну и как-нибудь при отправке форм его подергивать

Вводимые валид инвалид данные ты можешь с форм собирать гугл аналитикой Куда юзер нажал - прийдеться собирать руками, хотя можешь пообщаться с СЕО-шниками, я в прошлой конторе видел у них пару инструментов по отслеживанию поведения пользователя на сайте, но не уверен что это работает с сайтами которые рендеряться на js

хм, ну ладно, спасибо за информацию

Можно ли как-то определить позицию элемента формы на экране? Кейс возник - формы слишком большие и при не валидном поле, нужно сделать скролл до него.

Можно ли как-то определить позицию элемента формы на экране? Кейс возник - формы слишком большие и при не валидном поле, нужно сделать скролл до него.

https://stackoverflow.com/questions/5598743/finding-elements-position-relative-to-the-document

привет всем. есть проблема

Что-то в пятницу все разактивничались :)

Ага

на формах есть свойство $error или $errors не помню точно, если не ошибаюсь, то возвращает массив ошибок на форме, дальше на инпуте ставишь нейм и у каждого элемента начиная с 0 будет нейм поля с невалидными данными и возвращаешься скролом к первому элементу массива

Потому что нужно с чистой совестью пить

парни, важный вопрос. что присобачить к ангуляру 1.5, чтобы можно было нормально собирать статистику про пользователя, что клацал, что вводил, где и почему застрял?

может цели в яндекс.метрике посмотреть?

как можно задать чтобы в input можно было ввести только слова, а не числа

как можно задать чтобы в input можно было ввести только слова, а не числа

директиву делай)

и регулярку

Прверяй регуляркой

как можно задать чтобы в input можно было ввести только слова, а не числа

1 вариант директива 2 вариант обрабатывать кей пресс

Директива

может цели в яндекс.метрике посмотреть?

цели в яндекс.метрике, это пункт какой то? просто там есть вебвизор, крутая штука но на синглпейдж оно не работает.

цели в яндекс.метрике, это пункт какой то? просто там есть вебвизор, крутая штука но на синглпейдж оно не работает.

потому что ssr нужен)

вечная проблема spa

цели - это прям цели, в отчётах

спасибо

ну если не ошибаюсь на первой анге его нет

серверного рендеринга

потому что ssr нужен)

щас Вы человека настращаете он побежит ССР пилить :)

Я думалю Вам проще обработать ручками поведение то которое нжуно

благо ето не сложно

щас Вы человека настращаете он побежит ССР пилить :)

:)

серверного рендеринга

да ладно, чем джаваскрипт в А1 отличаеться от джаваскрипта в А2 или реакта ?:)

хм, ладно, если не сложно, то не сложно) переведу таску на след неделю, изучу материал за выходные и буду что-то делать :)

да ладно, чем джаваскрипт в А1 отличаеться от джаваскрипта в А2 или реакта ?:)

то есть серверный рендеринг можно прикрутить везде?

то есть серверный рендеринг можно прикрутить везде?

Конечно, у тебя он что в браузере что в Node, выполняеться все на том же V8

гугл аналитика показывает каждый шаг, каждое нажатие, каждый ввод?

Там все что хочешь сделать можно

А для любителей больших извращений Мы кастомный SPA, рендерили под V8 и отдавали через пыху

цели в яндекс.метрике, это пункт какой то? просто там есть вебвизор, крутая штука но на синглпейдж оно не работает.

Туфта цели, GTM рулит

А для любителей больших извращений Мы кастомный SPA, рендерили под V8 и отдавали через пыху

забавно, буду знать?

Туфта цели, GTM рулит

то есть для тех целей который поставил мне бизнес, нужно в сторону GMT смотреть?

Скорее всего да, цели в метрике очень ограниченные

Но GTM штука достаточно сложная

https://stackoverflow.com/questions/5598743/finding-elements-position-relative-to-the-document

а разве в $errors у нас элемент?

а разве в $errors у нас элемент?

нет, в еррорс у Вас имя поля

Так оно, но по ссылке именно работа с элементом

Вопрос был в том, как имея $errors.someField найти элемент

У Вас возникли трудности с получением DOM узла с помощью аттрибута ?

Да, я потому что такие фундаментальные вещи плохо знаю. Я ж недавно в фуллстек перекатился)

let form = document.querySelector('#form'); let field = form.querySelector('[name="someField"]');

Спасибо, то что надо

с помощью jQueryLite который я очень не люблю это делаеться так angular.element('[name="someField"]');

справедливости ради квери селектор быстрее

можно ещё использовать конечно document.getElementsByAttr

но ето на любителя

Как раз у меня вопрос возник, до этого делал так: const container = angular.element(document.getElementById('scrollable-content')); const element = angular.element(document.getElementById(id)); container.scrollToElementAnimated(element);

angular.element() вообще нужен ли?

Как раз у меня вопрос возник, до этого делал так: const container = angular.element(document.getElementById('scrollable-content')); const element = angular.element(document.getElementById(id)); container.scrollToElementAnimated(element);

Все зависит от целей которые Вы преследуете .element создает jQuery обертку над элементом что в большинстве случаев облегчает разработку потому что очень много методов для манипуляции с ДОМ, уже реализовано в этой библиотеке

то есть angular.element - это жквери обертка?

мы на проекте используем smoothScroll, классная штука, в неё ты передаешь элемент и оно скролится

то есть angular.element - это жквери обертка?

Да, если быть конкретнее то JQueryLite

мы на проекте используем smoothScroll, классная штука, в неё ты передаешь элемент и оно скролится

$anchorScroll Работает так же :)

мы на проекте используем smoothScroll, классная штука, в неё ты передаешь элемент и оно скролится

я использую https://github.com/oblador/angular-scroll

потому что там есть анимашки

$anchorScroll Работает так же :)

его отдельно нужно инжектить, или это ангуляровское по дефолту?

Вопрос был в том, как имея $errors.someField найти элемент

Лучше вообще от подобной практики уйти. Иначе зачем тогда вам ангуляр

Лучше вообще от подобной практики уйти. Иначе зачем тогда вам ангуляр

Почему уйти? Вот представь себе форма, которая не вмещается в экран. Где-то внизу стоит required поле. Юзер нажимает save, но подсвеченного поля(красненьким required) он не видит в данный момент.

В своих проектах допускаю подобное - только если вёрстка была сделана на jquery. И то обдумано, чтобы при переписке скриптов под ангуляр потом не пришлось переписывать проект.

За остальное использование jq ругаю своих прогеров и заставляю переписать. Все задачи решаются без jquery.

Это нормально, согласен, что нужно решать задачи без жквери, но конкретно в данном кейсе, что делать?

Это нормально, согласен, что нужно решать задачи без жквери, но конкретно в данном кейсе, что делать?

Да бери свою либу и скроль

его отдельно нужно инжектить, или это ангуляровское по дефолту?

ну как и $timeout надо инжектить в деректику, но я не помню если честно может ли он скролить по Pixels или только по якорям

Ну так и делаю) Вопрос же в поиске элемента по имени

В конце концов можно использовать window.scrollTo

Учите js чистый, все получится

Учите js чистый, все получится

Сам не особо люблю jq но за счет его кроссплатформенности ето очень удобная либа

не совсем понимаю о чем холивар?

Ну и не забывайте работу с dom если без неё в некоторых редких случаях никуда писать в директивах только

не совсем понимаю о чем холивар?

Просто пятница :)

Работать уже никто не хочет :)

Давайте так, конкретику в студию. Как найти элемент по имени без жквери?

document.getElementByName

Давайте так, конкретику в студию. Как найти элемент по имени без жквери?

пример который я писал выше с document.querySelector

Собственно так и делаю

let form = document.querySelector('#form'); let field = form.querySelector('[name="someField"]');

Етот

Давайте так, конкретику в студию. Как найти элемент по имени без жквери?

Как на ангуляре пропылесосить комнату?