字符串插值内的转义字符 Angular

Question

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

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

我期望的行为是如果 item.nameGeneric 为空则只显示 nameBrand ，否则显示 "namebrand (nameGeneric)"。问题是，条件 'else' 内的括号部分由 Angular 解释。我不想逃避它们所以我的最终文本看起来像 "some brand (Generic brand) in that scenario "

顺便说一句：这是复选框的标签属性，我正在使用 Angular 8.

Answer 1

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

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

字符串插值内的转义字符 Angular

escape character inside string interpolation Angular

escaping

string-interpolation

angular