Событие клика в AngularJS

Question

Событие клика в AngularJS

0

У меня два Div на моей странице. один - родительский div, другой div - всплывающий. В настоящее время всплывающее окно отображается/скрывается при щелчке родительского div или нажимается на кнопку внутри всплывающего окна.

Как я могу добиться того, что всплывающее окно будет закрыто, когда я нажму (где бы вы ни находились во всплывающем и родительском div)? есть ли уже предусмотренный механизм событий? если да, как его использовать?

Devendra 19 авг. 2016, в 10:15

Источник

Теги:

html

angularjs

css

1 ответ

Ещё вопросы

edisoni.1337 · Accepted Answer · 2016-08-19T05-52-00.000Z

Вы можете создать еще один div с полной шириной и высотой и z-index больше, чем другой контент, и меньше, чем всплывать. Показывать этот div, когда отображается всплывающее окно. Затем вы можете добавить этот div событие щелчка, поэтому, когда пользователь нажимает на этот div, это означает, что он находится вне всплывающего окна.

Вот jsfiddle для того, что сделано с jquery, чтобы дать вам представление о том, как это сделать. Вот еще один с Angular DEMO

Почему бы .show() & .hide() вместо изменения режима отображения вручную?
Появится всплывающее окно для списка меню - поэтому содержимое страницы динамически меняется. Я никогда не узнаю, на какой странице пользователь увидит всплывающее окно, нажав родительский div.
@Rinecamo это то же самое. Но не имеет значения, что вы можете присвоить этой позиции div оверлея абсолютную и левую позицию: 0; верх: 0; и он всегда будет отображаться в окне независимо от того, где вы находитесь и сколько прокручиваете или что-то еще. Вы хотите сделать это с помощью событий jquery или angular?
@ngDev проверьте это на fiddle.jshell.net/mb6o4yd1/491
что-то подобное нужно. Спасибо за скрипку. :)