在从其他网站点击的Angular应用程序中打开URL路径,可以通过以下步骤实现:
下面是一个示例代码,演示如何在从其他网站点击的Angular应用程序中打开URL路径:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: 'path1', component: Component1 },
{ path: 'path2', component: Component2 },
// 其他路由规则...
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { Component, OnInit } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
currentUrl: string;
constructor(private router: Router) { }
ngOnInit() {
this.router.events.subscribe(event => {
if (event instanceof NavigationEnd) {
this.currentUrl = event.url;
}
});
}
}
import { Component } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent {
constructor(private router: Router) { }
openUrlPath(urlPath: string) {
this.router.navigate([urlPath]);
}
}
这样,当从其他网站点击跳转到Angular应用程序时,可以根据配置的路由规则匹配到对应的组件,并在组件中获取当前的URL路径或打开其他URL路径。
领取专属 10元无门槛券
手把手带您无忧上云