title: AngularJS: ng-if not working in combination with ng-click?
body: <p>Given this test case using AngularJS 1.2 rc3: <a href="http://plnkr.co/edit/MX6otx">http://plnkr.co/edit/MX6otx</a> (repeated below)</p>
  
  <p>1.</p>
  
  <pre><code>&lt;li ng-init="toggle1 = false"&gt;
      ng-if toggle1: {{ toggle1 }}
      &lt;p&gt;
          &lt;button ng-if="!toggle1" ng-click="toggle1 = true"&gt;Turn On&lt;/button&gt;
          &lt;button ng-if="toggle1" ng-click="toggle1 = false"&gt;Turn Off&lt;/button&gt;
          does not work
  &lt;/li&gt;
  </code></pre>
  
  <p>2.</p>
  
  <pre><code>&lt;li ng-init="obj={toggle2:false}"&gt;
      ng-if obj.toggle2: {{ obj.toggle2 }}
      &lt;p&gt;
          &lt;button ng-if="!obj.toggle2" ng-click="obj.toggle2 = true"&gt;Turn On&lt;/button&gt;
          &lt;button ng-if="obj.toggle2" ng-click="obj.toggle2 = false"&gt;Turn Off&lt;/button&gt;
          then why does this work?
  &lt;/li&gt;
  </code></pre>
  
  <p>Questions:</p>
  
  <ol>
  <li>Why does 1 not work? </li>
  <li>Should 1 work?</li>
  <li>Why does 2 work?</li>
  <li>Should 2 work?</li>
  <li>Can I rely 2 to work in future updates of AngularJS?</li>
  </ol>