angularjs - 在 AngularJS 中通过 URL 传递变量

Question

我已经看过这些示例，但由于某种原因，这对我不起作用，这是一件非常简单的事情

我需要访问的url是

/event-details/3 

或其他一些数字，无论我对routeParam项目做什么，我都无法让它工作。

这是我的配置。

现在我还没有对它做任何事情，只是试图让页面出现，但现在它显示为空白或根本不转发

.config(['$routeProvider', function($routeProvider) {
  $routeProvider.when('/event-details/:item_ID', {
        controller: 'edController',
        templateUrl: 'com/modules/Events/events-detail/views/event-details.html',
        hideMenus: true,
        protectedArea: true,
        title: 'Event Details',
        menuGroup: 'Events',
        description: 'This is the event details screen',
        keywords: 'keyword',
        breadcrumbList: [{view: '/',title:'Home'},{view: '/events-main', title: 'Events Main'},{view: '/event-details', title: 'Event Details '}]
  });
}])

根据我看到的示例，我的格式是正确的，但它似乎不起作用，

有什么想法吗？

Answer 1

通过 URL 重定向传递 vairable，例如:http://localhost/doctor?tes​​t=1

import {Component} from '@angular/core';
import {Router} from '@angular/router';
@Component({
  selector: 'app-root',
  templateUrl: './app.home.html',
})

export class HomeComponant {
title = 'Home';
constructor(
    private router: Router,

) {}

onSubmit() {
  this.router.navigate(['/doctor'],{queryParams:{test:1}});
}

}