小编use*_*729的帖子

Angular ng-if更改范围文本

我有这个JSON文件,我将对象作为产品.当json对象具有"kids":"1"时,当我想要将产品的大小从"sizes:"更改为"kids:"时,显示产品的大小.

<div class="sizes-wrap">
        <span class="size-label"><span>sizes:</span>
        <span class="sizes">{{ item.sizes }}</span>
</div>
Run Code Online (Sandbox Code Playgroud)

此代码打印尺寸:和json的尺寸,例如"128厘米,140厘米,152厘米,164厘米"

我想在json对象中,"kids"的值为1,将html中的"sizes"改为"kids".

<div class="sizes-wrap">
        <span class="size-label"><span>kids:</span>
        <span class="sizes">{{ item.sizes }}</span>
</div>
Run Code Online (Sandbox Code Playgroud)

这是一个json对象:

  "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"
Run Code Online (Sandbox Code Playgroud)

这毕竟是我想要实现的:

<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">{{ …
Run Code Online (Sandbox Code Playgroud)

html css angularjs angular-ng-if

8
推荐指数
2
解决办法
3万
查看次数

标签 统计

angular-ng-if ×1

angularjs ×1

css ×1

html ×1