thanos
EEx interpolation of local variable inside a tag in heex templates
What’s the equivalent Heex of this Leex example:
<ul>
<%= for {option, css_class} <- @options do %>
<li>
<img src="<%= option.image %>" class="<%= css_class %>" />
</li>
<% end %>
</ul>
thanking in advance for your help and advice
Most Liked
moogle19
Just replace the <%= ... %> tags with handlebars in the html tag arguments and it should work.
Take a look at Phoenix 1.6.0 Released under HEEx extension: Defining attributes.
moogle19
If you but it in your comprehension it should work.
E.g this works like expected:
<ul>
<%= for no <- [1, 2, 3, 4] do %>
<li tag={no}><%= no %></li>
<% end %>
</ul>
thanos
The brilliant coder, Liron Shimrony, tells me:
<li class={" some classes #{css_class}"} >
this works.
Popular in Questions
Other popular topics
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking for Elixir devs who love to ship. Start your free account.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"