Templates 枚举分配呈现不需要的HTML（Phoenix）

我有一个Phoenix模板，在该模板中，我通过服务器动态生成50个随机方形div，每个div都有自己的颜色和大小。为此，我运行一个循环，分配一个1-100之间的随机数，并对该数执行操作

---

我可以简单地用

之类的东西内联分配随机类，这种情况发生是因为您使用的
工作得很好。出于某种原因，我仍然需要`中的
=
，这是因为您确实希望将
中为
生成的HTML插入页面。否则，将忽略
的
的返回值，即
的
中的HTML。
<section id="my-section">
  <%= for x <- 1..50 do %>
    <%= myrandom = Enum.random(1..100)

        colorClass = cond do
          myrandom < 2 ->
            "color-red"
          myrandom < 10 ->
            "color-orange"
          myrandom < 25 ->
            "color-yellow"
          myrandom < 50 ->
            "color-green"
          true ->
            "color-blue"
        end 

        sizeClass = cond do
          rem(myrandom, 5) == 0 ->
            "size-1"
          rem(myrandom, 5) == 1 ->
            "size-2"
          rem(myrandom, 5) == 2 ->
            "size-3"
          rem(myrandom, 5) == 3 ->
            "size-4"
          rem(myrandom, 5) == 4 ->
            "size-5"
        end
    %>
    <div class="square <%=colorClass %> <%=sizeClass %>"></div>
  <% end %>   
</section>

<section id="my-section">
    size-3
    <div class="square color-yellow size-3"></div>
    size-2
    <div class="square color-blue size-2"></div>
    size-3
    <div class="square color-blue size-3"></div>
    size-4
    <div class="square color-blue size-4"></div>
    ...

<%
  myrandom = Enum.random(1..100)

  colorClass = ...

  sizeClass = ...
%>

sizeClass = "size-#{rem(myrandom, 5) + 1}"