zoukankan      html  css  js  c++  java
  • 【phoenix】.eex 的使用

    EEX 的使用

    <% 
          # 这里可以写elixir 代码
    %>
    
    <%= 
          # "=" 号要带上,才会渲染
    
    %>
    
    <%# 
          这里是注释
    %>
    

    条件渲染

    if 条件渲染

          <%= if expressIon::boolean do %>
                # boolean is true,display content(显示的内容)
          <% else %>
                # boolean is false, display content(显示的内容)
          <% end %>
    

    unless 条件渲染

          <%= unless expression::boolean do %>
                # boolean is false,display content(显示的内容)
          <% else %>
                # boolean is true, display content(显示的内容)
          <% end %>
    

    cond do 条件渲染

          <%= cond do %>
          <% expression1 -> %>
                # expression1 is true,display content(显示的内容)
          <% expression2 -> %>
                # expression2 is true,display content(显示的内容)
          <% true -> %>
                # default, display content(显示的内容)
          <% end %>
    

    case value do 条件渲染

          <%= case judged_value do %>
          <% case_value1 -> %>
                # case_value1 is equals judged_value,display content(显示的内容)
          <% case_value2 -> %>
                # case_value1 is equals judged_value,display content(显示的内容)
          <% _ -> %>
                # default, display content(显示的内容)
          <% end %>
    

    for 列表渲染

          <%= for i <- [0..10] do %>
                # circulation render i, above will render 0 to 10
                <%= i  %>
          <% end %>
    

    pattern match value for below to using

          # Pattern match of value don't rendering, because it's not needed.
         <%  id = 1 %>
         <p><%= id %></p>
    

    Other

    如果看到一些 <%= form ...... %> 之类的,就是调用了方法。
    这里通常是使用了 phoenix 的库,phoexni_html

    在对应的 .view 中,定义 function 后的 方法也是可以字啊 .eex中使用。

  • 相关阅读:
    【MFC】对话框自带滚动条的使用
    【MFC】MFC DLEdit 设计属于自己的编辑框_鼠标悬停
    【MFC】MoveWindow();函数使用详解
    【MFC】SetWindowPos函数使用详解
    模板 key+1
    lazyload 分页加载
    缓慢显示隐藏
    js计算日期的前几天的日期
    判断子元素(or属性)是否存在
    动态加载的数据,hover效果
  • 原文地址:https://www.cnblogs.com/-xk94/p/13025792.html
Copyright © 2011-2022 走看看