jaimeiniesta

jaimeiniesta

Interpolating boolean attributes in HEEx

What is the proper way to interpolate boolean attributes like checked in an input in the new HEEx engine?

For example, in LEEx if I wanted to include it based on some condition, I would do this:


<input type="checkbox" name="web_pages[]" value="<%= w.id %>" <%= if w.id in @selected, do: "checked" %> />

Which would generate HTML like this:


<input type="checkbox" name="web_pages[]" value="1" />

<input type="checkbox" name="web_pages[]" value="2" checked />

Now in HEEx I do this


<input type="checkbox" name="web_pages[]" value={w.id} checked={if w.id in @selected, do: "true", else: nil} />

Which also works, if a nil value is passed then the checked attribute won’t be passed at all, but if I pass true then it will generate this:


<input type="checkbox" name="web_pages[]" value="2" checked="true" />

Which is correct, but longer and a bit uglier. I would have expected that this would work:


<input type="checkbox" name="web_pages[]" value={w.id} {if w.id in @selected, do: "checked"} />

But it doesn’t, it fails with protocol Enumerable not implemented for nil of type Atom. It looks like interpolation must always be bound to an attribute name in the HTML tag, right?

Marked As Solved

LostKobrakai

LostKobrakai

<input type="checkbox" checked={@boolean}> should just work.

Also Liked

jaimeiniesta

jaimeiniesta

Ah! It does! The following works as expected, generating a valueless attribute for true or no attribute for false.

<input type="checkbox" name="web_pages[]" value={w.id} checked={w.id in @selected} />

Awesome, thanks!

LostKobrakai

LostKobrakai

I’ve no heex project at hand to check, but I’m quite confident it just generates a valueless attribute or no attribute.

Where Next?

Popular in Questions Top

_russellb
I want to try my hand at web scraping. What tools/libraries do I need to use. I’m hoping to turn this into something professional so don’...
New
9mm
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New
chrisalley
ExUnit now has describe blocks which is a welcome addition coming from RSpec. In the docs, it states that nested hierarchies of describe ...
New
Fl4m3Ph03n1x
About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
sergio_101
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
New
script
If I have a string “1000 cfu/ml” . I want to remove the characters and / and space . So the string is like this "1000" What is the ...
New
rms.mrcs
Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list. ...
New
hariharasudhan94
I would like to know what is the best IDE for elixir development?
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New

Other popular topics Top

New
minhajuddin
I have seen a lot of code which picks the first element from a list using Enum.at(0) instead of List.first. Is there a reason why people ...
New
baxterw3b
Hi guys, i’m new in the Elixir world, and i have to say, that i love it! i’m having some problem to understand anonymous functions with ...
New
pmjoe
I have a relationship of love and hate with Elixir. Lots of things are just absolutely right, but there are some things that are kind of ...
New
boundedvariable
I am going through the kafka architecture. All the features what the kafka is providing are already in Erlang. I would like hear your opi...
New
hariharasudhan94
I would like to know what is the best IDE for elixir development?
New
marick
I had some trouble figuring out how to make many-to-many associations work. Once I got it working, I wrote a blog post. Because I’m a nov...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New
PeterCarter
There are pre-rolled solutions for other frameworks that do work. However, Phoenix does not seem to have these. Have people had good expe...
New
vonH
In asking this question I am more interested about the expressiveness of the language itself and less concerned about the availability of...
New

We're in Beta

About us Mission Statement