Angular — как создать trigger как в jquery (обучение)?

Question

[Сергей]

есть скелет

<ul>
                    <li ng-repeat="social in media" 
                        ng-mouseover="showWeb=false" 
                        ng-mouseleave="showWeb=true" 
                        ng-click="clickToLink()">
                        <a href="{{social.link}}" class="sprite {{social.class}}">Мы в {{social.name}}</a>
                        <span class="showWeb" ng-hide="showWeb">{{social.name}}</span> 
                    </li>
                </ul>

Как передать в ng-click значение this, а затем в функции clickToLink сделать событие нажатие на вложенный тег a
$(this).find('a').trigger('click');

Answer 1

[Николай]

А зачем вам нужно именно такое поведение? Если вам нужно перейти по ссылке - можно сделать это через $location сервис например.

Comments

[Сергей]

Мне интересно получить this и обработать его как поиск jquery. Ваш метод я тоже попозже посмотрю. У меня не получается передать данные в функцию angular. При this, я полагаю, передаю scope.

[Николай]

Вы можете передать в свою функцию event и вытащить оттуда элемент. https://docs.angularjs.org/guide/expression#-event- вот тут есть пример.

[Николай]

Именно к нему и обращаться.

[Сергей]

Николай: )) Это я уже прочитал тут jquerybook.ru/api/event.currentTarget-fn70.html
Правда теперь у меня другая проблема. метод trigger не работает)

[Сергей]

Я явно вызываю библиотеку jquery, но что-то возникают ошибки jQuery(tmp).trigger('click');

[Николай]

Посмотрите тут: stackoverflow.com/questions/7999806/jquery-how-to-... Предлагают вызвать клик через нативный метод click. Я честно говоря не совсем понимаю, зачем вам потребовалось такое )

[Сергей]

Хех. Ясно)) Я просто балуюсь.
А вообще поставленная задача такая. Есть li>a+span По нажатию на li должен отработать a. Вот и смотрю разные способы реализации. Сейчас допишу нативный способ, сохраню и посмотрю как можно делать еще. Посмотрю что делает $location. Ну и если не сложно можешь написать как бы ты вызывал a по клику на li

[Николай]

Я бы сделал через $location. Есть ещё грязный способ поставить тегу a стиль: position:absolute, height:100%, width: 100%, но он мне не очень нравится. Вызывать a по клику на li вообще не очень хорошо, т.к. по сути мы делаем то, чего пользователь не делал. То есть он кликнул на блок - а мы ему ссылку засунули.

[Сергей]

Николай: из-за специфичной верстки мне надо чтобы нажимая на блок, а не на часть блока обрабатывался a. Простой пример li>img+a{текст} Надо чтоб по нажатию img и по красивой форме li нажимался a. Конечно img не внутри тега a, чтобы показать идею.

[Николай]

ну, способ с css стилем вполне подойдет тут ) Блок а займёт всю внутренность li ведь.

[Сергей]

Николай: Я ж angular изучаю, а не css.

[Николай]

Для ангуляра - $location.url( %newUrl) при клике на li. Ну и вообще - странно, изучаете вы angular, а задача связана с css большей частью. От angular тут мало чего. Вообще - у ангуляра есть довольно хороший обучающий проект https://docs.angularjs.org/tutorial. Там основные особенности и возможности фреймворка демонстрируются.

[Сергей]

Николай: А можно вызывать $location из консоли?

[Николай]

Вообще можно, но не очень честным путем. Через injector

Answer 2

[rakro]

clickToLink(social) не то что тебе нужно?

Comments

[Сергей]

Не очень понял как это использовать