neuone
Creating a comma separated list of tags
I have an template that is creating tags that are links.
I would like to add commas between the tags.
How can I do this so that the last tag does not have a comma.
<%= for tag <- @video.tags do %>
<%= link tag.name , to: tag_path(@conn, :show, tag.name) %>,
<% end %>
Current Output
family, friends, vacation,
Desired Output
family, friends, vacation
Marked As Solved
LostKobrakai
# in the view module
def format_tags(conn, tags) do
tags
|> Enum.map(fn tag -> link(tag.name, to: tag_path(conn, :show, tag.name) end)
|> Enum.intersperse(", ")
end
# in the template
<%= format_tags(@conn, @video.tags) %>
Also Liked
Qqwy
And if you actually only want the comma’s to show to users but not in the HTML source (i.e. it is not interesting to SEO bots):
<div class="video_tags">
<%= for tag <- @video.tags do %>
<%= link tag.name , to: tag_path(@conn, :show, tag.name) %>,
<% end %>
</div>
.video_tags > a::after {
content: ", ";
display: inline;
}
.video_tags > a:last-child::after {
display: none;
}
neuone
I didn’t know you can do this with just CSS. Nice tip 
neuone
I’m starting to understanding how you can use the view module now.
You can create your list of html tags inside it and then use it in the template. Makes sense.
I always wanted to know what “Enum.intersperse” did. Cool example.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Real-time error tracking, performance insights, and observability for devs.
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.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
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!"