title: Show/Hide div as per <select> tag value using ng-if
body: <p>I tried to implement a simple logic as per <a href="http://jsfiddle.net/nq1eyj1v/1/" rel="nofollow"> the JsFiddle here </a></p>
  
  <p>Here is my  <a href="http://plnkr.co/edit/irDyvcNJjuClLQB9Fk91?p=preview" rel="nofollow"> Plunk</a></p>
  
  <pre><code>&lt;select ng-model="mod" ng-click="foo();" ng-dropdown required&gt;
      &lt;option value="A"&gt;A&lt;/option&gt;
      &lt;option value="B"&gt;B&lt;/option&gt;
  &lt;/select&gt;
  {{ modRes2 = (mod === 'B')}}
  
  &lt;div id="a" ng-if="{{mod === 'A'}}"&gt;a&lt;/div&gt;
  &lt;div id="d" ng-if=modRes2&gt;b&lt;/div&gt;
  </code></pre>
  
  <p>Here A doesnt on work on selecting the option 'A', but B shows and hides just fine. Refer to the plunk above.</p>
  
  <p>The jsfiddle example that I am following is built on angular version 1.2.x, and I am using angular version 1.4.x. Can this be the reason?</p>