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>標籤解決了問題。