在AngularDart中重定向到包含其他自定义数据的Url

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

import 'src/app_component.dart';
import 'src/routes.dart';

@GenerateInjector([
  routerProvidersHash, // 添加路由器配置
])
final InjectorFactory appInjector = self.appInjector$Injector;

void main() {
  runApp(ng.AppComponentNgFactory, createInjector: appInjector);
}

import 'package:angular_router/angular_router.dart';

import 'src/home_component.template.dart' as home_template;
import 'src/custom_component.template.dart' as custom_template;

final routes = [
  RouteDefinition(
    path: '/',
    component: home_template.HomeComponentNgFactory,
    useAsDefault: true,
  ),
  RouteDefinition(
    path: '/custom/:data', // 定义包含自定义数据的URL路径
    component: custom_template.CustomComponentNgFactory,
  ),
];

final routerProvidersHash = [
  routerProviders(routes),
];

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

@Component(
  selector: 'custom-component',
  template: 'Custom Component: {{data}}',
)
class CustomComponent implements OnActivate {
  String data;

  @override
  void onActivate(_, RouterState current) {
    data = current.parameters['data']; // 获取URL中的自定义数据
  }
}

<a [routerLink]="['/custom', 'example-data']">Go to Custom Component</a>