如何在angular dart项目中设置路线上活动导航链接的样式？

在Angular Dart项目中设置路由活动导航链接的样式，可以通过以下步骤实现：

首先，在Angular Dart项目中使用路由导航时，需要导入angular_router库。

import 'package:angular/angular.dart';
import 'package:angular_router/angular_router.dart';

在组件类中定义一个变量来表示当前活动的路由链接。

@Component(
  selector: 'my-component',
  templateUrl: 'my_component.html',
  styleUrls: ['my_component.css'],
  directives: [routerDirectives],
)
class MyComponent {
  final List<RoutePath> routes = [
    RoutePath(path: '/home', useAsDefault: true),
    RoutePath(path: '/about'),
    RoutePath(path: '/contact'),
  ];

  RoutePath activeRoute;
}

在模板文件中，使用ngClass指令来动态设置活动导航链接的样式。

<ul>
  <li *ngFor="let route of routes" [ngClass]="{'active': route == activeRoute}">
    <a [routerLink]="route.path">{{route.path}}</a>
  </li>
</ul>

在组件类中，使用Router服务来监听路由变化，并更新当前活动的路由链接。

import 'package:angular/angular.dart';
import 'package:angular_router/angular_router.dart';

@Component(
  selector: 'my-component',
  templateUrl: 'my_component.html',
  styleUrls: ['my_component.css'],
  directives: [routerDirectives],
)
class MyComponent implements OnActivate {
  final List<RoutePath> routes = [
    RoutePath(path: '/home', useAsDefault: true),
    RoutePath(path: '/about'),
    RoutePath(path: '/contact'),
  ];

  RoutePath activeRoute;

  @override
  void onActivate(_, RouterState current) {
    activeRoute = current.routePath;
  }
}