Phoenix动态类名Phoenix.HTML

问题描述

我想将动态类名与静态类名连接起来。

<div class=<%="#{getClass(app.status)} two" %>

这导致

<div class="one" two>

代替

<div class="one two">

如何解决此问题？

解决方法

您应该使用<div class="<%= getClass(app.status)} %> two">。
<%= %>评估Elixir代码并将结果注入HTML的任何部分。
您可以在HTML标记内注入值：

<div>
  <%= @user_name %>
</div>

或插入任何HTML属性

<a class="btn <%= if(@alert,do: "btn-danger",else: "btn-primary") %>">...</a>

或设置HTML属性

<button class="btn btn-success" <%= if(@disable_button,do: "disabled",else: "tooltip=\"button is working\"") %>">...</button>