title: ng-click odd behavior when using "var = !var"
body: <pre><code>&lt;accordion class="nested-accordion"&gt;
      &lt;accordion-group ng-repeat="item in menu" is-open="item.opened" ng-if="item.children == true &amp;&amp; item.grandchild == true"&gt;
            &lt;accordion-heading id="inner-accordion"&gt;
  
           ---- PROBLEM HERE ----
              &lt;div ng-click="item.opened = !item.opened" class="toggle-caret"&gt;
                    &lt;span class="glyphicon glyphicon-play" ng-class="{true: 'caret-open', false:'caret-closed'}[item.opened]"&gt;&lt;/span&gt;
                &lt;/div&gt;
  
  
                &lt;button class="btn-link filter-option" ng-class="{true:'option-checked', false:''}[item.checked]" ng-click="test(item, $event); $event.stopPropagation()"&gt;{{item.name}}&lt;/button&gt;
            &lt;/accordion-heading&gt;
                      &lt;div&gt;
                   &lt;!--  some stuff here --&gt;
                      &lt;/div&gt;
                    &lt;/accordion-group&gt;
                  &lt;/accordion&gt;
  </code></pre>
  
  <p>I am having an issue with the line I singled out in the code above. The ng-click is not toggling the <strong>item.opened</strong> from <strong>true</strong> to <strong>false</strong>. However, if I change the syntax from:</p>
  
  <pre><code>ng-click="item.opened = !item.opened"
  </code></pre>
  
  <p>to:</p>
  
  <pre><code>ng-click="item.opened != item.opened"
  </code></pre>
  
  <p>the accordion works as expected. This is not what I want though. 
  Further more this is the only part out of the accordion that is experiencing this issue. Can anyone explain why this is giving me a hard time?</p>