angularjs ngHide ngShow在IE中反转

Question

我有一些angularjs ngHide和ngShow的代码。他们在Chrome中工作正常，但在IE中显示相反。以下是代码如下所示：

<section ng-controller="ctrl"> 
    <div class="details" ng-show="showDetails"> 
     Section 1 
    </div> 

    <div class="move-details" ng-hide="showDetails"> 
     Section 2 
    </div> 
</section> 

JS文件：

var ctrl = ['$scope', 'model', function($scope, model) { 
    $scope.showDetails = true; 
}]; 

与Section 2的文本显示，而不是在IE Section 1但Section 1是在Chrome显示像我期望的那样。

我是否错过了什么？

Answer 1

从<section>切换到<div>标签解决了问题。