Как автоматически получить параметр URL в поле HTML angular 5

здесь я хочу автоматически добавить этот параметр URL-адреса в поле «Номер допуска» из Angular 5. Пожалуйста, помогите мне. как это сделать?Как автоматически получить параметр URL в поле HTML angular 5

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
0
58
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ваш компонент должен выглядеть так:

import { ActivatedRoute } from '@angular/router';

@Component({
selector: 'foo',
template: '<input type = "text" [value] = "admissionNo">'
...
})
export class FooComponent implements OnInit {
  admissionNo: string;
  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.queryParams
      .subscribe(params => this.admissionNo = params.admission_no || '');
  }
}
Ответ принят как подходящий

Вы должны ввести ActivatedRoute и Params. Затем вы можете получить доступ к значению через Subscription;

код ТС

import {Router, ActivatedRoute, Params} from '@angular/router';
import {OnInit, Component} from '@angular/core';

@Component({...})
export class MyComponent implements OnInit {

  admission_no: string; 

  constructor(private activatedRoute: ActivatedRoute) {}

  ngOnInit() {
    // Note: Below 'queryParams' can be replaced with 'params' depending on your requirements
    this.activatedRoute.queryParams.subscribe(params => {
        this.admission_no = params['admission_no'];
        console.info(admission_no);
      });
  }
}

И в вашем HTML сделайте что-то подобное с помощью интерполяции:

<input name = "admission_no" [(ngModel)] = "admission_no">

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