Параметр angular url не может быть выбран без URL-адреса, заканчивающегося на #

Question

У меня угловое приложение и я пытаюсь получить параметры URL. Конфигурация роутера как ниже

export const appRoutes: Routes = [
  { path: '', component: SharepointMainComponent  },
  { path: 'userProfile' ,component: UserDataComponent, canActivate : [MsalGuard]},
  { path: '**', component: ErrorComponent }
];

и конструктор SharepointMainComponent, как показано ниже

constructor(private activatedRoute: ActivatedRoute,) {
    //get optyNumber from url
    this.activatedRoute.queryParams.subscribe(params => {
      let optyNumber = params['optyNumber'];
      console.log("optyNumber:" + optyNumber); 
    });
}

Если я наберу URL-адрес http://myserver.com/?optyNumber=1234

тогда я получаю значение неопределенным. Однако если я наберу http://myserver.com/

тогда он печатает значение просто отлично. Что мне нужно сделать, чтобы заставить его работать с использованием / #/