angularjs ngHide ngShow reverse in IE

Question

У меня есть некоторые угловые 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 показан вместо Section 1 в IE, но Section 1 показан в Chrome, как я хотел бы ожидать.

Я что-то пропустил?

Answer 1

Переключая с <section> на <div> тег, разрешил проблему.