在凤凰模板内部渲染空间时遇到问题

问题描述

当我发现奇怪的行为时，我正在尝试Phoenix Live View建立基本的聊天。可能是由于我缺乏有关Phoenix模板的知识...

在尝试向组件动态分配CSS类时，请使用<%= if _,do: _,else: _ =>：

<div class=<%= if msg.user == @user,do: "msg local-user",else: "msg other-user" %>>

问题在于，它呈现给<div class"msg" local-user"">而不是<div class="msg local-user">

解决方法

您需要在HTML中使用双引号（例如EEx语法的外部），

<div class="<%= if msg.user == @user,do: "msg local-user",else: "msg other-user" %>">