elixir - 在凤凰模板内渲染空间时出现问题

Question

当我发现一个奇怪的行为时，我正在尝试使用 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">

Answer 1

您需要在 HTML 中使用双引号（即在 EEx 语法之外），如下所示：

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