角NG-若变化幅度文本 [英] Angular ng-if change span text

问题描述

我有我正在对象从产品这个JSON文件。当显示产品的大小我想从改变一个跨越的大小：到孩子们：当JSON对象有孩子：1

 ＆LT; D​​IV CLASS =大小换行＆GT;
        ＆LT;跨度类=大小标签＆GT;＆LT;跨度＆GT;大小：LT; / SPAN＆GT;
        ＆LT;跨度类=大小＆GT; {{item.sizes}}＆LT; / SPAN＆GT;
＆LT; / DIV＆GT;
 

这code打印尺寸：和尺寸从JSON例如128厘米，140厘米152厘米，164厘米

我要当JSON对象孩子具有1的值，以更改HTML中的单词大小为孩子们。

 ＆LT; D​​IV CLASS =大小换行＆GT;
        ＆LT;跨度类=大小标签＆GT;＆LT;跨度＆GT;孩子：其中; / SPAN＆GT;
        ＆LT;跨度类=大小＆GT; {{item.sizes}}＆LT; / SPAN＆GT;
＆LT; / DIV＆GT;
 

下面是JSON对象的一种：

 孩子：0
  名：产品名称，
  大小：小，中，大，超大，XX-大，3XL
  kid_adult：0，
  free_porto：0，
  价格：649,00
  包：0
  发货：1-2 DAGE
  price_old：0,00，
  ID：133714，
  女：0
 

这是我想要的东西后，全部实现：

 ＆LT; D​​IV CLASS =大小换行＆GT;
        ＆LT;跨度NG-IF =item.kids == 0安培;＆安培; item.kid_adult == 0安培;＆安培; item.women == 0级=大小标签＆GT;＆LT;跨度＆GT;大小： ＆LT; / SPAN＆GT;＆LT; / SPAN＆GT;
        ＆LT;跨度NG-IF =item.kids == 1级=大小标签＆GT;＆LT;跨度＆GT;孩子：其中; / SPAN＆GT;＆LT; / SPAN＆GT;
        ＆LT;跨度NG-IF =item.kid_adult == 1级=大小标签＆GT;＆LT;跨度＆GT;成年子​​女：LT; / SPAN＆GT;＆LT; / SPAN＆GT;
        ＆LT;跨度NG-IF =item.kid_adult == 1级=大小标签＆GT;＆LT;跨度＆GT;女：其中; / SPAN＆GT;＆LT; / SPAN＆GT;
        ＆LT;跨度类=大小＆GT; {{item.sizes}}＆LT; / SPAN＆GT;
    ＆LT; / DIV＆GT;
 

解决方案

这应该为你工作：

 ＆LT; D​​IV CLASS =大小换行＆GT;
    ＆LT;跨度类=大小标签＆GT;
        ＆所述;跨度纳克-如果=item.kids == 0＆GT;尺寸：或其可/跨度＆GT;
        ＆所述;跨度纳克-如果=item.kids == 1＆GT;孩子：或其可/跨度＆GT;
    ＆LT; / SPAN＆GT;
    ＆LT;跨度类=大小＆GT; {{item.sizes}}＆LT; / SPAN＆GT;
＆LT; / DIV＆GT;
 

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".

<div class="sizes-wrap">
        <span class="size-label"><span>sizes:</span>
        <span class="sizes">{{ item.sizes }}</span>
</div>

this code prints Sizes: and the sizes from the json e.g. "128 cm,140 cm,152 cm,164 cm"

I want when in the json object "kids" has a value of 1 to change the word "sizes" to "kids" in the html.

<div class="sizes-wrap">
        <span class="size-label"><span>kids:</span>
        <span class="sizes">{{ item.sizes }}</span>
</div>

Here is an one of the json objects:

  "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"

This is what I wanted to achieve after all:

<div class="sizes-wrap">
        <span ng-if="item.kids == 0 && item.kid_adult == 0 && item.women == 0" class="size-label"><span>sizes:</span></span>
        <span ng-if="item.kids == 1" class="size-label"><span>kids:</span></span>
        <span ng-if="item.kid_adult == 1" class="size-label"><span>adult kids:</span></span>
        <span ng-if="item.kid_adult == 1" class="size-label"><span>women:</span></span>
        <span class="sizes">{{ item.sizes }}</span>
    </div>

解决方案

This should work for you:

<div class="sizes-wrap">
    <span class="size-label">
        <span ng-if="item.kids == 0">sizes:</span>
        <span ng-if="item.kids == 1">kids:</span> 
    </span>
    <span class="sizes">{{ item.sizes }}</span>
</div>

这篇关于角NG-若变化幅度文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！