Как отключить родительский нг-клик?
7007 просмотра
2 ответа
У меня есть структура HTML с ng-click
:
<div ng-click="parent()">
<div ng-click="d"></div>
</div>
Как я могу отключить снаружи, ng-click="parent()"
если я это сделаюng-click="d"
Ответы (2)
31 плюса
Решение
Используйте stopPropagation
метод на угловом $event
объекте:
<div ng-click="parent()">
<div ng-click="d(); $event.stopPropagation();"></div>
</div>
Или передайте $event
объект в качестве аргумента ng-click
метода и вызовите stopPropagation
метод:
<div ng-click="parent()">
<div ng-click="d($event)"></div>
</div>
В d
:
$scope.d = function (event) {
// ...
event.stopPropagation();
}
Автор: Michael P. Bazos
Размещён: 26.09.2015 04:54
2 плюса
Добавить только event.stopPropagation (); на ребенка нг-клик. это предотвратит родительский ng-click Пример:
<div ng-click="parent($event)">
<div ng-click="child($event); event.stopPropagation()">
</div>
</div>
Автор: Tabish
Размещён: 26.09.2015 05:56
Вопросы из категории :
- angularjs AngularJS с Django - конфликтующие шаблоны тегов
- angularjs Can one AngularJS controller call another?
- angularjs Вставьте HTML в представление
- angularjs Как работает привязка данных в AngularJS?
- angularjs Могу ли я использовать другой префикс вместо `ng` с angularjs?
- angularjs Не удается добраться до $ rootScope
- angularjs Отслеживание просмотров страниц Google Analytics с помощью AngularJS
- angularjs Как сделать пейджинг в AngularJS?
- angularjs Where to put model data and behaviour? [tl; dr; Use Services]
- angularjs Скрытые поля в AngularJs
- angularjs Angularjs - элементы ng-cloak / ng-show мигают
- angularjs angularjs - обновление при нажатии на ссылку с фактическим URL-адресом
- angularjs Как я могу опубликовать данные в виде данных формы вместо полезной нагрузки запроса?
- angularjs Кодировка запроса Angularjs и плохие символы (в FF работают нормально)
- angularjs Как использовать ng-repeat без html-элемента
- angularjs AngularJS - Как использовать $ routeParams при генерации templateUrl?
- angularjs Использование запятой в качестве разделителя списков с помощью AngularJS
- angularjs 'this' vs $ scope в контроллерах AngularJS
- angularjs Как получить параметры URL, используя AngularJS
- angularjs Как вручную запустить отправку формы в AngularJS?