Ionic-3 错误无法读取 null 的属性“样式”

Question

我使用了Ionic-3 和我隐藏Tabs bar 在Specific pages，它工作正常但我有一些问题，一些时间显示这个错误消息

TypeError: 无法读取 null 的属性“样式”

如何解决这个问题，

这是我的代码

check.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams} from 'ionic-angular';


@IonicPage()
@Component({
  selector: 'page-check',
  templateUrl: 'check.html',
})
export class CheckPage {
  tabBarElement: any; // hidetab
  constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.tabBarElement = document.querySelector('.tabbar.show-tabbar');// hidetab

  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad CheckPage');
  }

  ionViewWillEnter() {
    this.tabBarElement.style.display = 'none'; // hidetab
  }

 ionViewWillLeave() {
    this.tabBarElement.style.display = 'flex'; // hidetab
  }
  takeMeBack() {
    this.navCtrl.parent.select(0);  // backbutton
  }
}

Answer 1

试试这个也许它可以解决你的问题：

ionViewWillEnter() {
let tabBarElement = document.querySelector('.tabbar.show-tabbar');
    if (tabBarElement != null) {
      tabBarElement.style.display = 'none'; // or whichever property which you want to access
    }
}