Angular的嵌套和重复使用组件无法触发“routerLink”点击事件。
创始人
2024-10-24 09:01:57
0次

问题可能是由于嵌套组件或重复使用组件中的元素未经过正确的配置而导致的。在嵌套或重复使用组件中，需要使用“@Input”装饰器向组件传递参数，并使用“[routerLink]”属性来设置路由链接。以下是一个示例：

app.component.html：

nested.component.html：

Link

nested.component.ts：

import { Component } from '@angular/core';
@Component({
  selector: 'app-nested-component',
  templateUrl: './nested.component.html'
})
export class NestedComponent {
}

请确保在使用组件的模块中正确导入了“RouterModule”和“Routes”，并在“@NgModule”装饰器的“imports”数组中添加“RouterModule.forRoot(routes)”代码。

如果仍然无法解决问题，请检查控制台是否有错误信息，并尝试执行“ng serve”命令重新启动应用程序。

上一篇：Angular的put请求命中了空值。

下一篇：angular的queryParams没有接收到参数

相关内容

热门资讯

红龙扑克辅助器！红龙扑克电脑模... 红龙扑克辅助器！红龙扑克电脑模拟器，（红龙扑克）真是真的有挂（详细辅助工具教程）是一款可以让一直输的...
微扑克辅助软件！微扑克有保险吗... 微扑克辅助软件！微扑克有保险吗，（微扑克游戏）其实是有挂（详细全自动机器人教程）;一、微扑克辅助软件...
德扑自定义！德扑线上创建房间，... WePoker透视辅助版本稳定性对比与推荐‌：德扑自定义！德扑线上创建房间，德扑之星ai代打原来是有...
德扑之星比赛！德扑软件决策，德... 德扑之星比赛！德扑软件决策，德扑开发真是是真的有挂（详细ai代打教程）；亲真的是有正版授权，小编（透...
德州ai辅助软件！德扑之星开桌... 德州ai辅助软件！德扑之星开桌怎么设置，德扑之星ai软件其实有挂（详细功能教程）；德州ai辅助软件软...
aapoker透明挂!wepo... 【福星临门，好运相随】；aapoker透明挂!wepoke有软件吗(Wepoke是真的)本来是真的有...
德扑ai软件！德扑人工智能软件... 德扑ai软件！德扑人工智能软件，德扑之星内部都是真的有挂（详细有挂吗教程）；超受欢迎的稳赢小游戏，经...
微扑克有辅助挂！微扑克有辅助挂... 微扑克有辅助挂！微扑克有辅助挂吗，（微扑克苹果版）都是存在有挂（详细有辅助挂教程）；是一款可以让一直...
we辅助poker德之星!wo... 1、we辅助poker德之星!wopoker游戏辅助器(wepoke)本来存在有挂(详细透明挂教程)...
红龙扑克辅助！红龙扑克是正规的... 红龙扑克辅助！红龙扑克是正规的吗，（红龙扑克）确实真的有挂（详细辅助教程）；是一款可以让一直输的玩家...