Как распарсить правильно URL?

Question

[AndreyKiyah]

У нас есть ссылка -->

<a [routerLink]="['/dashboard/micebot/?a=serv11111121']">/micebot</a>

Вообщем суть заключается в том что нужно проверить url, есть ли после знака вопроса "а" и равен ли "a".
12 символам в котором маленькие латинские буквы и цифры от 1 до 5.
Если нет то редирект

Comments

[Антон Швец]

нужно проверить в какой момент?
выглядит как Guard

[AndreyKiyah]

Антон Швец, когда клацнули по ссылке попапли в компонет проверить и если что сделать редирект,

ngOnInit() {
  const urlGetParams = qs.parse(String(window.location.hash).replace('#/dashboard/micebot','').replace('?',''));
    if (!urlGetParams.a) {
      this.router.navigate(['landing']).catch(() => {
        console.log('cannot redirect into landing');
      });
    } else {
      this.sponsorA = urlGetParams.a;
    }
}

[Антон Швец]

AndreyKiyah, зачем парсить адрес, если ангуляр роутер и так это делает?
И зачем редиректить уже после инициализации компонента, если это нужно сделать до.
https://angular.io/api/router/CanActivate

[AndreyKiyah]

Антон Швец, это реферальная ссылка, если после знака вопроса есть "a" a после равно имя из 12 символов с маленькой буквы и цифры от 1-5 то отрисовываем компонент и содержимое, если нет то делаем редирект

Answer 1

[twobomb]

if("<a [routerLink]=\"['/dashboard/micebot/?a=serv11111121']\">/micebot</a>".search(/\?a=[a-z1-5]{12}[^a-z1-5]/) == -1){
	window.location ="redirect url";
}

Answer 2

[dollar]

Лучше отделить часть с параметрами, и затем разбить её на части вида key=value.
Это будет универсальное решение.

Попроще будет сделать ровно то, что вы запросили: проверить "a" сразу после знака вопроса:

var text = `<a [routerLink]="['/dashboard/micebot/?a=serv11111121']">/micebot</a>`;
var m = text.match(/\?a=([a-z1-5]*)/);
if (m) {
  let a = m[1];
  console.log('"a" существует и равно ', a);
  if (a.length == 12) console.log('Длина "a" ровно 12, не больше');
}