Issue while rendering string having spaces

[gaurangmangukiya]

Code is like this

<ul class="menu"> <li class={{ navigationType === "home" ? "current-menu-item" : "" }}> <a href="/">Home</a> </li> {{-- <li class="menu-item-has-children current-menu-item"><a href="#">Company</a> --}} <li class={{ navigationType === "company" ? ["menu-item-has-children", "current-menu-item"].join(' ') : "menu-item-has-children" }}><a href="#">Company</a> <ul class="sub-menu"> <li><a href="/about">About us</a></li> <li><a href="/why-choose">Why Choose Us</a></li> <li><a href="/team">Our team</a></li>

And with this

`

Home

<li class="menu-item-has-children" current-menu-item=""><a href="#">Company</a>
                                    <ul class="sub-menu">
                                        <li><a href="/about">About us</a></li>
 <li><a href="/why-choose">Why Choose Us</a></li>`

Edge JS is rendering like this

• Home

    <li class="menu-item-has-children" current-menu-item=""><a href="#">Company</a>
          <ul class="sub-menu">
      <li><a href="/about">About us</a></li>

I also tried this

<li class={{ navigationType === "company" ? menu-item-has-children current-menu-item : "menu-item-has-children" }}><a href="#">Company</a>

Still having issue

[gaurangmangukiya]

As you can see its rendering wrong at this
<li class="menu-item-has-children" current-menu-item="">

it should be like
<li class="menu-item-has-children current-menu-item">

[RomainLanz]

Hey @gaurangmangukiya! 👋🏻

You are forgetting the " inside your HTML.

Taking your example:

<!-- WRONG -->
<li class={{ navigationType === "home" ? "current-menu-item" : "" }}>

<!-- CORRECT -->
<li class="{{ navigationType === "home" ? "current-menu-item" : "" }}">

[gaurangmangukiya]

@RomainLanz Worked. Thank You...