Disabling routerLink - Angular

Question

I have a clickable div and I would like to disable it in some cases.

    <div id="div" routerLink="/url" class="module-dashboard"></div>

I have tried:

var div= <HTMLDivElement>document.getElementById("div");
div.disabled = true;

But "disabled" is not a property of HTMLDivElement

What I need is to avoid the routerLink.

Is it possible to do it?

I have href on the div, so I want to disable the click on it — bellotas, Feb 16 '18 at 08:16
In pure CSS: pointer-events:none Found here: https://stackoverflow.com/a/28083939/8814529 — Ufuk A, Feb 16 '18 at 08:17
You should rethink the way you are using elements. divs are layout elements and not links. If you still want to use it as links, encapsulate it in an anchor tag. — Cristian S., Feb 16 '18 at 08:18

score 1 · Answer 1 · answered Feb 16 '18 at 08:17

1

The removeEventListener() method removes an event handler that has been attached with the addEventListener() method.

var _el = document.getElementById("div");
_el.removeEventListener("click", eventHandler);

Here eventHandler is the function you attached on click using addEventListener. Anonymous function like "element.removeEventListener("event", function(){ myScript }) will not work.

answered Feb 16 '18 at 08:17

void

36,090
8
62
107

1

This applies ONLY if he attached the event handler with `addEventListener`. This wont work if he used `onclick` in the element. – Cristian S. Feb 16 '18 at 08:24

score 0 · Answer 2 · answered Feb 16 '18 at 08:26

0

Try this. Click will work only once.

var e = document.getElementById("button");
e.onclick = function() {
  this.onclick = null;
  console.log("disabled!");
};

<div id="button">Clickable DIV</div>

answered Feb 16 '18 at 08:26

CodeLover

571
2
11

Disabling routerLink - Angular

2 Answers2