title: Angular ng-if change span text
body: <p>I have this JSON file that I am taking objects as products from. When displaying the sizes of the products I want to change a span from "sizes:" to "kids:" when the json object has "kids": "1".</p>
  
  <pre><code>&lt;div class="sizes-wrap"&gt;
          &lt;span class="size-label"&gt;&lt;span&gt;sizes:&lt;/span&gt;
          &lt;span class="sizes"&gt;{{ item.sizes }}&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this code prints Sizes: and the sizes from the json e.g. "128 cm,140 cm,152 cm,164 cm"</p>
  
  <p>I want when in the json object "kids" has a value of 1 to change the word "sizes" to "kids" in the html.</p>
  
  <pre><code>&lt;div class="sizes-wrap"&gt;
          &lt;span class="size-label"&gt;&lt;span&gt;kids:&lt;/span&gt;
          &lt;span class="sizes"&gt;{{ item.sizes }}&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is an one of the json objects:</p>
  
  <pre><code>  "kids": "0",
    "name": "Product name",
    "sizes": "Small,Medium,Large,X-Large,XX-Large,3XL",
    "kid_adult": "0",
    "free_porto": "0",
    "price": "649,00",
    "package": "0",
    "delivery": "1-2 dage",
    "price_old": "0,00",
    "id": "133714",
    "women": "0"
  </code></pre>
  
  <p>This is what I wanted to achieve after all:</p>
  
  <pre><code>&lt;div class="sizes-wrap"&gt;
          &lt;span ng-if="item.kids == 0 &amp;&amp; item.kid_adult == 0 &amp;&amp; item.women == 0" class="size-label"&gt;&lt;span&gt;sizes:&lt;/span&gt;&lt;/span&gt;
          &lt;span ng-if="item.kids == 1" class="size-label"&gt;&lt;span&gt;kids:&lt;/span&gt;&lt;/span&gt;
          &lt;span ng-if="item.kid_adult == 1" class="size-label"&gt;&lt;span&gt;adult kids:&lt;/span&gt;&lt;/span&gt;
          &lt;span ng-if="item.kid_adult == 1" class="size-label"&gt;&lt;span&gt;women:&lt;/span&gt;&lt;/span&gt;
          &lt;span class="sizes"&gt;{{ item.sizes }}&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>