在IE和Chrome中的角 - 差异

我有两个重叠的按钮，并使用ng-hide作为具有相同标志的m。在Chrome上它完美地工作，但是当我使用IE 11时，图标在页面加载时重叠。在IE和Chrome中的角 - 差异

我已经在我的搜索框有两个图标：

而且在IE11，当页面加载：

的代码是：

<button type="submit" class="btnSubmit" ng-show="vm.isSearchIconVisible" > 
       <i class="iconMglass"></i> 
</button> 
<button type="reset" ng-show="!vm.isSearchIconVisible" class="clearTextButton" ng-click="vm.clearSearchText()"> 
       <span class="clearIcon">X</span> 
</button>

如何我可以修复它吗？

来源

2017-02-09 EitanG

尝试使用ng-if而不是ng-show。 ng-if指示从页面中删除内容，ng-show/ng-hide使用CSS显示属性来隐藏内容。

不使用CSS通过更改为ng-if可以防止这些CSS问题。尽管ng-if创建了新的scope，但这种影响不算什么。

<button type="submit" class="btnSubmit" ng-if="vm.isSearchIconVisible" > 
       <i class="iconMglass"></i> 
</button> 
<button type="reset" ng-if="!vm.isSearchIconVisible" class="clearTextButton" ng-click="vm.clearSearchText()"> 
       <span class="clearIcon">X</span> 
</button>

如果你不想改变ng-if，那么请共享工作Plunkr/...所以帮你找到你的问题。因为它最有可能是一个css问题。

来源

2017-02-09 08:54:56

问题是IE11用旧代码保存现金，CTR + R dident解决了这个问题。在IE11选项中，我忽略了保存现金的选项并解决了问题，出现了新代码。

来源

2017-02-09 09:06:57 EitanG

在IE和Chrome中的角 - 差异

回答

相关问题