I have some angularjs ngHide and ngShow code. They work fine in Chrome but show the opposite in IE. The following is what the code looks like:
<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 File:
var ctrl = ['$scope', 'model', function($scope, model) {
$scope.showDetails = true;
}];
The text with Section 2 is shown instead of Section 1 in IE but Section 1 is shown in Chrome like I would expect.
Am I just missing something?