событие привязки нескольких якорных тегов с помощью angularjs

Question

событие привязки нескольких якорных тегов с помощью angularjs

0

У меня есть несколько тегов привязки в моем документе, я хочу поместить только одну функцию для каждого щелчка тега привязки, например, в jQuery

$(document).on('click','a',function(){

    window.location.href='/Home.html'
});

Как мне нужно писать в angularJs. не могли бы вы мне помочь?

Dot Net Developer 28 июль 2016, в 12:13

Источник

0

Как вы создаете эти теги привязки ?, если вы используете директиву ng-repeat, то вы можете установить свойство href через привязку данных, используя директиву ng-href, а угловая маршрутизация позаботится об остальном, когда щелкнет тег привязки, в противном случае вы можете использовать директиву ng-click для привязки к функции в области видимости контроллера.
Abdul Mateen Mohammed 28 июль 2016, в 09:47
1

Каждый тег привязки может быть записан как <a href ng-click="goHome()" ... с функцией $scope.goHome = function() { ... } в вашем контроллере
Rian O'Dwyer 28 июль 2016, в 09:48
0

проверить это может быть поможет: stackoverflow.com/a/18994990/2815635
Niklesh Raut 28 июль 2016, в 09:51
1

Если вы используете ng-repeat для рендеринга тегов привязки и если url является статическим, вы можете установить его в свойстве href, в противном случае вы можете использовать директиву ng-href для создания динамического URL для тега привязки.
Abdul Mateen Mohammed 28 июль 2016, в 09:58

Показать ещё 2 комментария

Теги:

angularjs

1 ответ

Ещё вопросы

Как вы создаете эти теги привязки ?, если вы используете директиву ng-repeat, то вы можете установить свойство href через привязку данных, используя директиву ng-href, а угловая маршрутизация позаботится об остальном, когда щелкнет тег привязки, в противном случае вы можете использовать директиву ng-click для привязки к функции в области видимости контроллера.
Каждый тег привязки может быть записан как <a href ng-click="goHome()" ... с функцией $scope.goHome = function() { ... } в вашем контроллере
проверить это может быть поможет: stackoverflow.com/a/18994990/2815635
Если вы используете ng-repeat для рендеринга тегов привязки и если url является статическим, вы можете установить его в свойстве href, в противном случае вы можете использовать директиву ng-href для создания динамического URL для тега привязки.

Abdul Moiz Khan · Answer 1 · 2016-07-28T08-40-00.000Z

Вы можете сделать директиву и добавить ее в тег привязки

app.directive('myevent', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            element.bind('click', function($event) {
                $window..location.href = '/Home.html' //your link here
            });
        }
    }
});

По вашему мнению, вы можете использовать это с привязным тегом или нормальным div как

<div myevent class="click">click me</div>

ИЛИ

<a myevent href="#">click me</a>

Это просто работа, но я предпочитаю, чтобы вы использовали JQuery, что было бы гораздо более подходящим для этого. Надеюсь это поможет. Спасибо.

Есть много других способов, как использовать ng-click с тегом div, чтобы сделать то же самое.

<div ng-click="myEvent()"></div>

В контроллере вы можете использовать

$scope.myEvent() {
 $window..location.href = '/Home.html' //your link here
}

Ваша директива должна быть ограничена A, а не C. И вы должны использовать $ window, а не window напрямую
Да ты прав. Спасибо за упоминание. Я буду обновлять.