html - 如何自动将 URL 参数获取到 HTML 字段 Angular 5

Question

在这里，我想将此 URL 参数自动添加到 Angular 5 的 Admission Number 字段中。请帮助我。怎么做？

Answer 1

您必须注入(inject) 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">