Angular 角度路由器链接并单击事件触发器

我有一个角度分量，它看起来像这样：

<div click="onClick()">
<a [routerLink]="url">
</a>
</div>

如果没有，我如何确保尽管导航，但始终触发onClick（）？
您可以在组件控制器中插入路由器服务，然后在
onClick
函数中设置导航

构造函数（专用只读路由器：路由器）{}

然后：

onClick() {
     this.router.navigate(['url']);
    ...
}

您可以在组件控制器中插入路由器服务，然后在
onClick
函数中设置导航

构造函数（专用只读路由器：路由器）{}

然后：

onClick() {
     this.router.navigate(['url']);
    ...
}

怎么了

在我们得到实际答案之前，先说几句话，以确保您知道如何使用路由器模块

const routes: Routes = [
  { path: "", pathMatch: "full", redirectTo: "home" },
  { path: "home", component: HomepageComponent },
  { path: "register", component: RegisterComponent },
  { path: "buyingmainpage", component: BuyingmainpageComponent , canActivate : [AuthGuard] },
  { path: "checkoutmainpage", component: CheckoutmainpageComponent , canActivate : [AuthGuard] },
  { path: "checkoutsuccess", component: CheckoutsuccessComponent , canActivate : [AuthGuard] },
  { path: "**", component: Eror404Component },
];
 
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})



告诉我这是否是您熟悉的概念

f第一步是将您想要的url路径包含在上面的代码中

答案

使之在角度上工作的方法是使用路由器

首先，在代码的开头导入它

import { Router } from '@angular/router';

然后在构造函数上声明如下

  constructor(
    private router: Router,
    ) {}

然后可以运行所需的onClick函数并使用该函数

路由器.navigateByUrl（“/abc”）

其中包含一个字符串以导航到所需的url:）

如果你想打视频电话我可以帮你

请随时通过whats应用程序或电子邮件与我联系，whats应用程序会更简单

+972505884960/dolev146@gmail.com怎么了

在我们得到实际答案之前，先说几句话，以确保您知道如何使用路由器模块

const routes: Routes = [
  { path: "", pathMatch: "full", redirectTo: "home" },
  { path: "home", component: HomepageComponent },
  { path: "register", component: RegisterComponent },
  { path: "buyingmainpage", component: BuyingmainpageComponent , canActivate : [AuthGuard] },
  { path: "checkoutmainpage", component: CheckoutmainpageComponent , canActivate : [AuthGuard] },
  { path: "checkoutsuccess", component: CheckoutsuccessComponent , canActivate : [AuthGuard] },
  { path: "**", component: Eror404Component },
];
 
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})



告诉我这是否是您熟悉的概念

f第一步是将您想要的url路径包含在上面的代码中

答案

使之在角度上工作的方法是使用路由器

首先，在代码的开头导入它

import { Router } from '@angular/router';

然后在构造函数上声明如下

  constructor(
    private router: Router,
    ) {}

然后可以运行所需的onClick函数并使用该函数

路由器.navigateByUrl（“/abc”）

其中包含一个字符串以导航到所需的url:）

如果你想打视频电话我可以帮你

请随时通过whats应用程序或电子邮件与我联系，whats应用程序会更简单

+972505884960/dolev146@gmail.com
等一下，我正在给你举一个stackblitz的例子please@DolevDublon感谢stackblitz示例无法正常工作，因为stackblitz的工作方式与本地编程环境不同，因此我将介绍为使这些内容为您工作而需要采取的步骤！我正在为你做一个stackblitz的例子，等一下please@DolevDublon感谢stackblitz示例无法正常工作，因为stackblitz的工作方式与本地编程环境不同，因此我将介绍为使这些内容为您工作而需要采取的步骤！但是那样的话，我会松开悬停url，我想浏览器会显示，但是那样的话，我会松开悬停url，我想浏览器会显示，我很熟悉，但是我想打开routerlink添加的url弹出窗口。使用路由器它不会显示。你能用什么应用程序给我打电话吗？我只需要2分钟就可以让它为您工作+972-50-588-4960我很熟悉，但我想使用routerlink添加的url popover。使用路由器它不会显示。你能用什么应用程序给我打电话吗？我只需要2分钟就能让它为您工作+972-50-588-4960