首页 > 代码库 > IE中自定义标签使用自封闭格式引发错误!

IE中自定义标签使用自封闭格式引发错误!

最近学习IONIC,其中用到了ion-menu-nav-button,由于标签开始和结尾之间没有内容,所以图省事儿使用自封闭标签的写法:

<ion-menu-nav-button class="button-icon icon ion-navicon" ng-click="tgMenu();" />

在chrome和firefox下都没有问题,只有在IE10下body中的内容都没有显示,开始以为是box显示模式问题。经调试后发现,在IE的DOM树中,ion-nav-bar部分没有结束,ion-view中的内容都位于navbar中,由于navbar高度限制没有显示出来,经过仔细检查,只有ion-menu-nav-button一个可疑标签,遂改成正常格式,保存,IE下终于正常了。

 <ion-menu-nav-button class="button-icon icon ion-navicon" ng-click="tgMenu();" ></ion-menu-nav-button>

 

IE中自定义标签使用自封闭格式引发错误!