Question

我正在尝试导航至路线时，也要更改导航条上的文本，该文本基本上没有刷新，但是由于某些原因我错过了。

我的逻辑：

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>

好吧，现在发生了以下事情：一切都很酷，直到我转到教练页面。文本被修改，写为教练页面，一切都很棒。但是，如果我按下图标徽标（在此处触发）

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

我仍然需要“教练”页面，而不是“产品”页面。知道如何解决这个问题吗？

导航到不起作用的路线时，角度2更改文本

0 个答案: