Angular: неочевидные возможности селекторов директив

[AxisPod]

С одной стороны это гибко. С другой стороны тип данной функциональности: Счастливой отладки.

Сколько новый разработчик будет искать почему так карёжатся ссылки? И хоть это гибко, я против подобных решений.

Я конечно понимаю стандартное поведение для NgForm, но вот своё подобное всё же я не стал бы делать.

[Nimtar]

А если использовать какой-нибудь атрибут-комментарий?

<a _external_link_directive_decorated href="">

Я полагаю, можно сделать с помощью чего-то подобного:

@Directive({
  selector: 'a:not([routerLink])'
})
export class ExternalLinkDirective {
  @HostBinding('_external_link_directive_decorated')
  @Input()
  comment
}

Это в принципе реализуемо? Какие недостатки и преимущества у подхода? Разумеется, при наличии предварительной договорённости в команде/сообществе.

[supersmeh]

Я один раз такое только применил для заглушки против двойных кликов. Вот в таком случае очень удобно получилось ( у нас договоренность, что все кнопки только тэг a class=«btn»)

@Directive({
    selector: 'a.btn'
})
export class NoDblClick {

    constructor() { }

    @HostListener('click', ['$event'])
    clickEvent(event: MouseEvent) {

        let element: any = event.target;
        if (!element) {
            return;
        }

        element.classList.add('btn-freeze');

        setTimeout(function () {
            element.classList.remove('btn-freeze');
        }, 500);
    }
}