Angular ng-if 更改跨度文本 [英] Angular ng-if change span text

问题描述

我有这个 JSON 文件，我将对象作为产品从中获取.当显示产品的尺寸时，当 json 对象具有kids":1"时，我想将跨度从sizes:"更改为kids:".

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

此代码打印尺寸:以及来自 json 的尺寸，例如128 厘米、140 厘米、152 厘米、164 厘米"

我希望在 json 对象中kids"的值为 1 时，将 html 中的sizes"一词更改为kids".

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

这是其中一个 json 对象:

 "kids": "0","name": "产品名称","sizes": "小,中,大,X-大,XX-大,3XL","kid_adult": "0","free_porto": "0","价格": "649,00",包":0"，"delivery": "1-2 天","price_old": "0,00","id": "133714",女性":0"

这毕竟是我想要实现的:

<span ng-if="item.kids == 0 && item.kid_adult == 0 && item.women == 0" class="size-label"><span>尺寸:</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>成人儿童:</span></span><span ng-if="item.kid_adult == 1" class="size-label"><span>女性:</span></span><span class="sizes">{{ item.sizes }}</span>

解决方案

这应该适合你:

<span class="size-label"><span ng-if="item.kids == 0">尺寸:</span><span ng-if="item.kids == 1">孩子们:</span></span><span class="sizes">{{ item.sizes }}</span>

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>

这篇关于Angular ng-if 更改跨度文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！