title: ng-if displaying both the div elements
body: <p>There are 2 div tags, i want to display only 1 based on value of SelectedVariant.InCart.</p>
  
  <p>Code is as follows:</p>
  
  <pre><code>&lt;div ng-if="1==0"&gt;
      &lt;a class="btn btn-success btn-md" ng-click="AddToCart(product.ProductID, SelectedVariant.VariantID)"&gt;Add to Cart &amp;nbsp;
          &lt;span class="glyphicon glyphicon-plus"&gt;&lt;/span&gt; 
      &lt;/a&gt;
  &lt;/div&gt;
  
  
  
  &lt;div ng-if="1==1"&gt;
  
      &lt;a class="btn btn-default btn-xs" ng-click="PlusItem(product.ProductID, SelectedVariant.VariantID)"&gt;
          &lt;span class="glyphicon glyphicon-plus"&gt;&lt;/span&gt; 
      &lt;/a&gt;
  
      &lt;button type="button" class="btn btn-info disabled"&gt;{{3+2}} in cart&lt;/button&gt;
  
  
      &lt;a class="btn btn-default btn-xs" ng-click="MinusItem(product.ProductID, SelectedVariant.VariantID)"&gt;
          &lt;span class="glyphicon glyphicon-minus"&gt;&lt;/span&gt; 
      &lt;/a&gt;
  &lt;/div&gt;  
  
  
          &lt;a class="btn btn-default btn-xs" ng-click="MinusItem(product.ProductID, SelectedVariant.VariantID)"&gt;
              &lt;span class="glyphicon glyphicon-minus"&gt;&lt;/span&gt; 
          &lt;/a&gt;
      &lt;/div&gt;  
  </code></pre>
  
  <p>But it displaying both the div elements. Can someone help me what is the issue? </p>