javascript - 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，但 Section 1 在 Chrome 中显示，正如我所期望的那样。

我是不是错过了什么？

Answer 1

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