title: Changing scope variable on ng-click without calling a function
body: <p>How can I change a Scope Variable without calling a function from controller. </p>
  
  <p>I'm trying to show a div content when the editState variable equals to 1 but it's not working.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body data-ng-controller="profileCtrl as pctrl"&gt;
  
      &lt;div data-ng-click="pctrl.editState === 1"&gt;Edit&lt;/div&gt;
  
      &lt;div data-ng-if="pctrl.editState === 1"&gt;
          .....
      &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>JS</strong>(in profileCtrl controller)</p>
  
  <pre><code>this.editState = 0;
  </code></pre>
  
  <p>But when I called a function it's working (I don't want to do this way)</p>
  
  <pre><code>&lt;div data-ng-click="pctrl.editFn()"&gt;Edit&lt;/div&gt;
  
  this.editFn = function() {
       this.editState = 1;
  }
  </code></pre>