Html Angular ng-if 更改跨度文本
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/32171413/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Angular ng-if change span text
提问by user1780729
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".
我有这个 JSON 文件，我将对象作为产品从中获取。当显示产品的尺寸时，当 json 对象具有“kids”：“1”时，我想将跨度从“sizes：”更改为“kids：”。
<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"
此代码打印尺寸：以及来自 json 的尺寸，例如“128 厘米、140 厘米、152 厘米、164 厘米”
I want when in the json object "kids" has a value of 1 to change the word "sizes" to "kids" in the html.
我希望在 json 对象中“kids”的值为 1 时，将 html 中的“sizes”一词更改为“kids”。
<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:
这是 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"
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>
采纳答案by keithm
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>
回答by uruapanmexicansong
With a javascript expression, in this case using a ternay operator.
使用 javascript 表达式，在本例中使用 ternay 运算符。
<span>
{{ user.biography ? user.biography : 'Without information' }}
</span>
回答by Dmitry Lobov
<span ng-if="data.kids === 1">kids:</span>
<span ng-if="data.kids !== 1">sizes:</span>
Maybe, like this, but better to send word with json and insert it, like this:
也许，像这样，但最好用 json 发送 word 并插入它，像这样：
<span class="size_word">{{data.size_word}}</span>
