Send text by Routes (Children)

Question

I send the title like this:

  const routes: Routes = [
  Route.withShell([
    {
      path: 'ex',
      component: exemple,
      children: [
        {
          path: '',
          component: exComponent,
          data: {
            title: extract('ex.PAGE_TITLE')
          },...

Is there any way to send a text to put in my breadcrumb tbm?

No header ts i do:

  import { Title } from '@angular/platform-browser';
    ....
      constructor(
    private titleService: Title

  ) { }

  ngOnInit() {
  }

  get title(): string {
    return this.titleService.getTitle();
  }

and in header.html:

 <ol class="breadcrumb">
        <li class="breadcrumb-item">{{title}}</li>
        <li class="breadcrumb-item" > <a (click)="add()">{{text}}</a></li>
      </ol>

ai would like to send a text to it too, besides the title, to use globally in the project

Answer 1

Add information exactly like title:

// (...)
path: '/',
component: MyPageComponent,
data: {
    title: 'Meu titulo',
    outraInfo: 'teste'
}
// (...)

Example of how to read title and outraInfo:

// (...)
constructor(private router: Router,
            private activatedRoute: ActivatedRoute,
            private titleService: Title) {
}

ngOnInit() {
    this.router.events
        .pipe(filter(event => event instanceof NavigationEnd))
        .pipe(map(() => this.activatedRoute))
        .pipe(map(route => {
            while (route.firstChild) {
                route = route.firstChild;
            }

            return route;
        }))
        .pipe(switchMap(route => route.data))
        .subscribe(event => {
            console.log(event);
            this.titleService.setTitle(event.title);
            // Resultado no console: {title: "Meu titulo", outraInfo: "teste"}
        });
}
// (...)