在不使用SystemJS的情况下向Angular 7应用传递参数,可以通过使用路由参数来实现。以下是一个示例:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MyComponent } from './my.component';
const routes: Routes = [
{ path: 'mycomponent/:id', component: MyComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { ActivatedRoute } from '@angular/router';
然后在组件的构造函数中注入ActivatedRoute,并使用snapshot参数来获取路由参数的值。示例代码如下:
export class MyComponent {
id: string;
constructor(private route: ActivatedRoute) {
this.id = this.route.snapshot.params['id'];
}
}
在上面的示例中,我们将路由参数的值赋给了id属性。
My Component
Parameter: {{ id }}
上述代码将在页面中显示传递的参数值。
请注意,上述示例假设你已经正确设置了Angular的路由模块和组件。如果你还没有设置,请根据自己的项目结构进行相应的设置。