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

Question

здесь я хочу автоматически добавить этот параметр URL в поле Admission Number из Angular 5. Пожалуйста, помогите мне.как это сделать?

Answer 1

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

код TS

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.log(admission_no);
      });
  }
}

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

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

Answer 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 || '');
  }
}