Angular 5 router.link приводит к сбою URL для общего ресурса Twitter

Question

Простая функция Angular 5 router.navigate приводит к URL с точкой с запятой...

readMore(sDoc: string) {
    this.router.navigate(['/docview', {sDocName: sDoc}]);
    window.scrollTo(0, 0);
  }

результирующий URL...

http://my.com/docview;sDocName=1

Когда я пытаюсь поделиться этой глубокой ссылкой из строковой переменной в Twitter...

this.twitterLink.push('http://twitter.com/share?text=An%20awesome%20story!&url=https://www.my.com/docview\;sDocName=' + data[0].story_id);

они обрезают точку с запятой, что делает эту долю бесполезной.

https://twitter.com/intent/tweet?text=An%20awesome%20story!&url=https%3A%2F%2Fwww.my.com%2Fdocview&original_referer=

Так как это формирование URL заполняется в Angular 5, есть ли другой способ вызвать маршрут с параметром, который не приводит к точкам с запятой в URL, или, наоборот, есть ли другой способ избежать точки с запятой в строке ссылки, чтобы Twitter не не так ли?