Angular 2 изменение текста при навигации по маршруту не работает - PullRequest
Новая
       7

Angular 2 изменение текста при навигации по маршруту не работает

0 голосов
/ 20 декабря 2018

Я пытаюсь при переходе к маршруту также изменить текст с панели навигации, который в основном не обновляется, но по какой-то причине я что-то упускаю.

Моя логика: 

export class NavbarComponent implements OnInit {
@Input() user: User;
@Input() showTabs: boolean;
@Input() homeRoute: string;
@Input() routes: any;
@Input() entity: any;
@Output() onAccountDetails = new EventEmitter();
@Output() onManageServiceProvider = new EventEmitter();

store: Store<fromRoot.State>;
icon = '../../assets/img/img_logo_header_white.svg';
pageName = 'Products';

constructor(store: Store<fromRoot.State>, private router: Router) {
  this.store = store;
}

goToCoach() {
  this.pageName = 'Coaching Page';

  this.router.navigate(['/coaching']);
}

ngOnInit() {}

}

И HTML: 

<a [routerLink]="homeRoute"
  href="javascript:void(0);"
  class="navbar__icon-link">
  <img class="navbar__icon-link--logo"
    src="{{icon}}">
</a>
<span class="md-toolbar-spacer"
 *ngIf="showTabs">
  {{(entity.products ? entity.product.name : 'Products')}}
</span>
<span class="md-toolbar-spacer"
  *ngIf="!showTabs && homeRoute === '/products'">
  {{pageName}}
</span>

Хорошо, теперь происходит следующее: все круто, пока я не перехожу на страницу тренера.Текст изменен, написано Coaching Page, все отлично.Но, если я нажму значок логотипа (который активируется здесь) 

 <a [routerLink]="homeRoute"
 href="javascript:void(0);"
 class="navbar__icon-link">
 <img class="navbar__icon-link--logo"
   src="{{icon}}">
 </a>

, у меня все равно будет «Страница тренера», а не страница «Продукты», как я хотел.Есть идеи, как это решить?

...