Question

嗨，你们可以帮我吗，我是Angular的新手，希望您能有所启发：）。因此，我有一个主要组件，该组件由2个继承的子组件组成。

Sub comp 1是一个列表，单击该列表将触发路由器。导航到主要组件。

Sub comp 2是一个包含数据的表。

所有功能在初始加载时均按预期工作。但是，刷新主要组件不会触发其2个子组件的刷新。 Sub comp 1正在使用类似以下内容的刷新：

this.router.navigate(['/main'], { queryParams: { templateid: matchId, userid: 111} });

我的主要组件模板是这样的：

<div>
     <comp-1></comp-1>
     <comp-2><comp-2>
</div>

及其后面的代码只是一个简单的代码，可以接受查询参数：

export class MainComponent implements OnInit {

    userid: number = 0;
    templateid: number = 0;

    constructor(private route: ActivatedRoute) { }

    ngOnInit() {

        this.route
            .queryParams
            .subscribe(params => {

            if (typeof params['userid'] != 'undefined' || typeof params['templateid'] != 'undefined') {

                this.userid = params['userid'];
                this.templateid = params['templateid'];
            }

        });
    }

}

Answer 1

我意识到确实没有必要用其子页面刷新主页，我通过添加2个组件并利用它们的@ViewChild组件来刷新数据来解决了这一问题。关闭这个。谢谢

导航时刷新继承的组件

1 个答案: