Angular 路由器插座取消订阅

问题描述

我想问一下我的想法是否正确，因为我在堆栈上找到的解决方案很少，并且不确定我是否正确。所以我想使用路由器插座向父级发出子级值。问题是我正确退订了吗？

@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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）