首页 > 解决方案 > 字符串插值角内的转义字符

问题描述

我正在尝试执行以下操作:

label="{{(item.nameGeneric.length === 0) ? 
    item.nameBrand : item.nameBrand (item.nameGeneric)}}"

我期望的行为是如果 item.nameGeneric 为空,则仅显示 nameBrand ,否则显示“namebrand (nameGeneric)”。问题是,Angular 正在解释条件“else”部分内的括号。我不想逃避它们,所以我的最终文本看起来像“那个场景中的某个品牌(通用品牌)”

顺便说一句:这是一个复选框的标签属性,我使用的是 Angular 8。

标签: angularescapingstring-interpolation

解决方案


您可以尝试连接字符串值:

label="{{(item.nameGeneric.length === 0) ? 
    item.nameBrand : (item.nameBrand + ' (' + item.nameGeneric + ' )') }}"

推荐阅读