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;
}];

在IE中显示带有Section 2的文字而不是Section 1，但Chrome中显示Section 1就像我期望的那样。

我只是错过了什么？

Answer 1

从<section>切换到<div>代码解决了问题。