AngularRouter导航不能触发ngOninit。
创始人
2024-10-29 06:00:44
0

可以使用 ActivatedRoute 中的订阅来执行 ngOninit。例如,当路由参数发生改变时,可以在订阅方法中执行 ngOninit。

示例代码:

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';

@Component({
  selector: 'app-product-detail',
  templateUrl: './product-detail.component.html',
  styleUrls: ['./product-detail.component.css']
})
export class ProductDetailComponent implements OnInit {

  productId: number;

  constructor(
    private route: ActivatedRoute,
    private router: Router
  ) { }

  ngOnInit() {
    this.route.params.subscribe(params => {
      this.productId = +params['id'];
      this.ngOninit();
    });
  }

  // 之前在 ngOnInit 中执行的逻辑
  ngOninit() {
    console.log('初始化逻辑已执行');
  }

  navigateToProductList() {
    this.router.navigate(['/products']);
  }

}

相关内容

热门资讯

透视软件!wepoker免费透... 透视软件!wepoker免费透视,wepoker破解版内购(详细辅助器要钱玩);wepoker破解版...
透视透视!wepoker辅助分... 透视透视!wepoker辅助分析器,wepoker免费透视脚本(详细透视脚本免费使用视频)1、全新机...
透视神器!wepoker有什么... 透视神器!wepoker有什么规律,wepoker能不能透视(详细h5破解)1、wepoker能不能...
透视插件!wepoker私人局... 透视插件!wepoker私人局外卦,wepoker透视脚本免费(详细透视是真的)1、金币登录送、破产...
透视安卓版!wepoker辅助... 透视安卓版!wepoker辅助器软件下载,wepoker辅助软件价格(详细破解器);1、wepoke...
透视最新!wejoker内置辅... 透视最新!wejoker内置辅助,wepoker怎么设置盖牌(详细透视脚本免费app);暗藏猫腻,小...
透视私人局!wepoker可以... 透视私人局!wepoker可以开透视吗,wepoker怎么发冤家牌(详细有辅助插件)1、每一步都需要...
透视教学!aapoker怎么设... 透视教学!aapoker怎么设置抽水(透视)aapoker破解侠是真的吗,2025新版技巧(有挂教程...
透视脚本!wejoker手机版... 透视脚本!wejoker手机版透视脚本,wepoker怎么发冤家牌(详细有挂)1)wejoker手机...
透视黑科技!aapoker安装... 透视黑科技!aapoker安装包怎么使用(透视)aapoker辅助怎么用,透视教程(有挂方法);1、...