Блог

Я хочу спросить, правильно ли я думаю, поскольку я нашел несколько решений в стеке и не уверен, правильно ли я понял. Итак, я хочу передать дочернюю форму значения родительскому с помощью router-outlet. Вопрос в том, правильно ли я отписываюсь?

 @Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css'],
})
export class HomeComponent implements OnInit {
  user: User;
  totalItems: number;
  currentCount$: Observable<number>;
  private subscription: Subscription;

  constructor(public accountService: AccountService, private router: Router) {}

  ngOnInit() {
    console.log(this.subscription)
  }
  onActivate(component) {
    if (component instanceof MemberGridComponent) {
      this.subscription = component.itemCount.subscribe((c) => {
        this.currentCount$ = c;
      });
    }
  }
  onDeactivate() {
    if (this.subscription) {
      this.subscription.unsubscribe();
    }
  }
  logout() {
    this.accountService.logout();
    this.router.navigateByUrl('/');
  }
}
 

Маршрутизатор

 <router-outlet (activate)="onActivate($event)" (deactivate)="onDeactivate()"></router-outlet>
 

HTML

   <ul>
      <li routerLink="/home/a" routerLinkActive="active" style="padding-right: 30px;"><span>a</span> <span >{{currentCount$}}</span> </li>
      <li routerLink="/home/b" routerLinkActive="active">b</li>
      <li routerLink="/home/c" routerLinkActive="active">c</li>
      <li>Help</li>
    </ul>