Angular 7的活动路由链接丢失了他的样式？
创始人
2024-10-17 01:00:11
0次

要解决Angular 7活动路由链接丢失样式的问题，可以尝试以下解决方法：

  1. 确保在应用的样式文件（通常是styles.css或styles.scss）中引入了Angular Material的主题样式。例如，可以在styles.css文件中添加以下代码：
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
  1. 如果上述步骤没有解决问题，可以尝试在组件的HTML模板中添加routerLinkActive指令，并为其指定一个用来添加活动样式的CSS类。例如：
Home

在上述示例中，当路由链接为活动状态时，将会添加一个名为"active"的CSS类。

  1. 如果上述步骤仍然没有解决问题，可以尝试在组件的CSS文件中为活动链接指定样式。例如：
a.router-link-active {
  /* 添加你想要的样式 */
}

在上述示例中，"router-link-active"是Angular自动生成的类，用于标识活动状态的路由链接。

通过尝试上述解决方法，可以修复Angular 7活动路由链接丢失样式的问题。如果问题仍然存在，可能是由于其他原因导致的，可以进一步调查和排查。

上一篇：Angular 7的HTTP请求动态表单不起作用。

下一篇：Angular 7的Jasmine单元测试：如何获取组件的NativeElement？

相关内容

热门资讯

近年来！wepoker透视最简... 近年来！wepoker透视最简单三个步骤，大菠萝辅助挂开挂，其实是真的有辅助app（哔哩哔哩）1、大...
记者获悉！智星德州插件最新版本... 记者获悉！智星德州插件最新版本更新内容详解，山城九九辅助，竟然是真的有辅助技巧（哔哩哔哩）1、上手简...
现场直击！wpk私人局辅助是真... 现场直击！wpk私人局辅助是真的吗，微友辅助器免费版v2.0，一贯是真的有辅助神器（哔哩哔哩）所有人...
昨日！wepokerplus透... 昨日！wepokerplus透视脚本免费，微信小程序大贰辅助工具，切实真的有辅助神器（哔哩哔哩）1、...
有玩家发现！wepoker辅助... 有玩家发现！wepoker辅助真的假的，四川游戏家园破解，总是是有辅助攻略（哔哩哔哩）四川游戏家园破...
现就发布提示！wejoker黑... 现就发布提示！wejoker黑侠辅助器，随意玩辅助器透视挂，好像真的有辅助攻略（哔哩哔哩）随意玩辅助...
值得注意的是！wepoker游... 值得注意的是！wepoker游戏的安装教程，老友广东插件软件，其实真的是有辅助教程（哔哩哔哩）老友广...
随着！hhpoker可以控制吗... 随着！hhpoker可以控制吗，同城510k修改，竟然真的是有辅助技巧（哔哩哔哩）1）同城510k修...
据公告内容！wepoker黑侠... 据公告内容！wepoker黑侠破解，小娴辅助软件下载，好像真的是有辅助神器（哔哩哔哩）小娴辅助软件下...
出乎意料的是！hhpkoer辅... 出乎意料的是！hhpkoer辅助挂是真的吗，决战卡五星看牌器，竟然存在有辅助方法（哔哩哔哩）1）决战...