如何从 Angular 4 中的 url 获取参数

    import {...};

    @NgModule({
      declarations: [
        AppComponent, ModalComponent
      ],
      imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        JsonpModule,
        ReactiveFormsModule,
        RouterModule.forRoot([{
                path: '',
                component: AppComponent
            },
        ]),    
      ], 
      providers: [ContactService, AddonService, MainService],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

import {...}
import {Router, ActivatedRoute, Params} from '@angular/router';

constructor(private activatedRoute: ActivatedRoute) {
  // subscribe to router event
  this.activatedRoute.queryParams.subscribe((params: Params) => {
    console.log(params);
  });

}

constructor(private activatedRoute: ActivatedRoute) {
  this.activatedRoute.queryParams.subscribe(params => {
        let date = params['startdate'];
        console.log(date); // Print the parameter to the console. 
    });
}

Angular相关问答推荐

将Angular 17中的http服务与独立组件一起使用

NG构建后多余的国旗

角material 17 -如何从Style.scss中的主题中获取原色

判断哪个Angular 信号导致了影响

HTTP拦截器在Angular 17项目中不起作用

使用BLOB数据类型时，HTTPCLIENT中可能存在错误

如何从2个api获取数据并查看Angular material 表中的数据？

如何更改 Angular material 按钮中的内部 RippleColor 和 UnboundedRipple 效果？

在 Angular material 表单元格中渲染 html

为什么 Angular2 (click) 事件没有在

上触发？

Angular2 Material Dialog css，对话框大小

在 Ionic 2 中使用图像资源的正确方法

Springboot/Angular2 - 如何处理 HTML5 url？

取消订阅服务中的http observable

在 RxJS Observable 中 flatten数组的最佳方法

angular2中的httpinterceptor类似功能是什么？

Failed to execute 'setAttribute' on 'Element'： ']' is not a valid attribute name

Angular2material对话框自动关闭

BrowserAnimationsModule 和 NoopAnimationsModule 有什么区别？

如何将从后端渲染的参数传递给angular2 bootstrap 方法