SAPUI5 中具有多个条件的表达式绑定

Question

我正在尝试根据从数据模型中获取的数据设置 src 属性 或 sap.ui.core.Icon。像这样：

<Icon src="{= ${propertyname} === 'somevalue' ? 'sap-icon://arrow-top' : 'sap-icon://arrow-bottom'}"/>

我的情况还有一个附加条件，这意味着：

• 当 属性 值为 'UP'
时设置图标 1（比如 'sap-icon://arrow-top'）
• 当 属性 值为 'DOWN'
时设置图标 2（比如 'sap-icon://arrow-bottom'）
• 为所有其他情况
设置图标3（比如'sap-icon://arrow-left'）

是否可以在不使用格式化程序功能的情况下实现这一点？

Answer 1

只需在表达式中嵌套另一个三元运算符即可。

<Icon src="{= ${propertyname} === 'UP' ? 'sap-icon://arrow-top' : ${propertyname} === 'DOWN' ? 'sap-icon://arrow-bottom' : 'sap-icon://arrow-left'}"/>