javascript - 使用不同的参数加载相同的页面，相同的功能不起作用

Question

我正在开发一个离子应用程序，我在其中列出了一些产品。当我输入产品详细信息时，有一些按钮将其下面的 div 从无更改为内联块，从内联块更改为无。这工作正常。但是当我导航到相同的 url 但使用与 url 产品详细信息不同的参数（另一个产品）时，按钮不会改变 div 样式。

ngOnInit() {
        if (this.route.snapshot.data['special']) {
            this.product = this.route.snapshot.data['special'];
        }
    }
ionViewDidEnter() {
        this.closeDivs();
    }
unWrapDiv(id) {
        let div = document.getElementById(id);
        if (div.style.display === "none") {
            div.style.display = "inline-block";
        }
        else {
            div.style.display = "none";
        }
    }
openDetail(item) {
        this.providerService.setData(item.id, item);
        this.router.navigateByUrl('product-detail/' + item.id);
    }

标签： javascriptangularionic4