Открыть страницу Angular с параметрами

Мне нужно перенаправить на страницу нового приложения, написанного на Angular, и отправить данные Можно ли передать, например, токен в ангуляр?

Я попытался сделать перенаправление на - http://localhost:4200/token/hrl4lhlhga - hrl4lhlhga <== token

const appRoutes: Routes = [
  {
    path: 'token/:value',
    component: TestComponent,
  }
];
export class TestComponent {
  @Input() value?: string;
}
bootstrapApplication(AppComponent, {
  providers: [
    provideRouter(appRoutes, withComponentInputBinding()),

Но «значение» всегда неопределенное

ДОБАВЛЕНО 18.03

main.ts

bootstrapApplication(AppComponent, appConfig)
  .catch(err => console.error(err));

app.config.ts

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(appRoutes, withDebugTracing(), withComponentInputBinding()),
    provideAnimations(),
    provideHttpClient(withInterceptorsFromDi()),
    importProvidersFrom(BrowserModule, ToastModule, InputTextModule, InputNumberModule, InputTextareaModule, MatCardModule, CommonModule, FormsModule, MenubarModule, DropdownModule, DragDropModule, FieldsetModule, CardModule, PanelModule, ButtonModule, FlexLayoutModule, TagModule, AccordionModule, ScrollPanelModule, TableModule),
    BackEndService, DialogService, MessageService, ApplicationService, 
  ]
}

Я добавил withDebugTracing и теперь для http://localhost:4200/token/hrl4lhlhga получаю

ERROR Error: NG04002: Cannot match any routes. URL Segment: 'token/hrl4lhlhga'

Кажется, что пути загружены, но по какой-то причине Angular не может установить, что такой путь существует. Возможно у меня что-то конфликтует в конфигурации или я все неправильно описал

Никаких проблем с приведенным выше кодом. Убедитесь, что у вас нет других ошибок, проверьте консоль браузера. И проверьте место создания токена. При доступе к ссылке проверьте, имеет ли он действительное значение,

saravana 15.03.2024 01:05
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
96
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

в ProvideRouter вы должны вводить маршруты, а не appRoutes

  bootstrapApplication(AppComponent, {
  providers: [
    provideRouter(routes, withComponentInputBinding()),

У меня все есть прямо здесь. Здесь я неправильно написал в описании

Jonas Klaus 15.03.2024 08:15

можете ли вы показать мне код, в котором вы перенаправляете на этот маршрут?

salhi mustapha 15.03.2024 08:50
Ответ принят как подходящий

Я нашел причину, почему это произошло. В один из моих компонентов был импортирован RouterTestingModule (сейчас он устарел). Поэтому все мои маршруты были переписаны и подчищены. Я только что удалил это из импорта, и теперь все работает как положено.

Другие вопросы по теме