title: ng-show set as false doesn't hide element at page load
body: <p>I have this piece of code, using Angular 1.3 and I want the div with the ng-show directive to NOT show when I load the page in the first place:</p>
  
  <pre><code>       &lt;div class="stuff"&gt;
              &lt;uib-accordion close-others="false"&gt;
                  &lt;div ng-show="element.visible" ng-repeat="element in elements" ng-if="element.active" uib-accordion-group ng-class="element.open? 'colorBackgroundBlue':'black'" class="panel-default yellow" is-open="element.open"&gt;
                      &lt;uib-accordion-heading&gt;
                          {{element.title}} ({{element.number}}) 
                      &lt;/uib-accordion-heading&gt;
                      &lt;div class="scrollable-accordion" ng-if="element.numberOfElements!=0"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/uib-accordion&gt;                
          &lt;/div&gt;
  </code></pre>
  
  <p>the <code>element.visible</code> boolean is set as false in the controller:</p>
  
  <pre><code>$scope.elements = [{
              status: 0,       
              title: blabla,
              number: 0,
              open: false,
              active: false,         
              visible: false
          }, {
              status: 1,     
              title: blob,        
              number: 0,
              open: false,
              active: false,         
              visible: false
          }]
  </code></pre>
  
  <p>For some reason it appears that the ng-show is correctly set to false but the element shows up anyway. If I bind a button to the <code>visible</code> boolean though and change it while I am in the browser, the element appears and disappears correctly. </p>