Angular 如何从管道到src属性

如果我这样做：

{{event.role | lowercase}

。但是，如果我尝试在

src

属性中使用它，如下所示：

<img src={{event.eventName | lowercase}} alt="">

---

它无法识别管道，但是，由于没有正确使用管道，因此格式

{{event.eventName}

无法正常工作。我应该怎么做？

要使用绑定到属性的变量管道，可以使用

*ngIf

指令将其包装在容器中。它还允许您应用管道一次，并多次重用修改的变量。试试下面的方法

---

要使用带有绑定到属性的变量的管道，可以使用

*ngIf

指令将其包装在容器中。它还允许您应用管道一次，并多次重用修改的变量。试试下面的方法

---

您需要在表达式周围使用引号，否则angular将无法解析表达式

<img src="{{ event.eventName | lowercase }}" alt=""

或

您需要在表达式周围使用引号，否则angular将无法解析表达式

<img src="{{ event.eventName | lowercase }}" alt=""


或

添加引号怎么样？解决方案如您所说！我刚才做了
src=“{{event.eventName | lowercase}}”
谢谢！加上引号怎么样？解决方法正如你所说的！我刚才做了
src=“{{event.eventName | lowercase}}”
谢谢！
<img [src]="event.eventName | lowercase" alt=""