Ionic framework IONAL-3错误无法读取属性';风格';空的
Im在Ionic framework IONAL-3错误无法读取属性';风格';空的,ionic-framework,ionic3,Ionic Framework,Ionic3,Im在特定页面上使用了Ionic-3和Im隐藏选项卡栏,其工作正常,但我有一些问题,有时会显示此错误消息 TypeError:无法读取null的属性“style” 如何解决这个问题, 这是我的密码 检查.ts import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams} from 'ionic-angular'; @IonicPage() @Component({ sele
特定页面上使用了Ionic-3
和Im隐藏选项卡栏
,其工作正常,但我有一些问题,有时会显示此错误消息
TypeError:无法读取null的属性“style”
如何解决这个问题,
这是我的密码
检查.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
}
}
试试这个也许可以解决你的问题:
ionViewWillEnter() {
let tabBarElement = document.querySelector('.tabbar.show-tabbar');
if (tabBarElement != null) {
tabBarElement.style.display = 'none'; // or whichever property which you want to access
}
}
先生,我现在就这样改变它对我来说很有用,谢谢ionViewWillEnter(){let tabBarElement=document.querySelector('.tabbar.show tabbar');if(tabBarElement!=null){this.tabBarElement.style.display='none';//或者任何你想访问的属性}
欢迎光临。我很高兴能帮助你。