Angular的routerLinkActiveOptions是用于定义路由链接激活选项的指令。它可以在路由链接上使用,以控制当路由链接处于激活状态时应用的样式。
下面是一个包含代码示例的解决方法:
Home
import { Component } from '@angular/core';
import { RouterLinkActiveOptions } from '@angular/router';
@Component({
selector: 'app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
routerLinkActiveOptions: RouterLinkActiveOptions = {exact: true};
}
Home
通过这样做,当你导航到"/home"路径时,路由链接将具有"active"类,并且只有在完全匹配"/home"路径时才会激活。
注意:你也可以在routerLinkActiveOptions中定义其他选项,如:{exact: false}来匹配包含"/home"路径的所有子路径。