My conditinals expressions are getting displaying in the HTML tag within the browser

[simo97]

Here is what i wrote in the edge temlate

@each(pCategory in parentCategories)
  <option value="{{category.id}}" @if(category.parentId == pCategory.id) selected @end>
      {{pCategory.title}}</option>
  @end

And here is what i got in the HTML templated rendered

Is there a reason why it shows that condition the way it does in the browser? The condition seem to work by the way, but i am curious why it shows that.

[tomgobich]

Tags in EdgeJS must be on their own line. So, it's likely rendering like that because it doesn't recognize it as a tag.

Either of the below should work.

<!-- putting the if on a new line -->
@each(pCategory in parentCategories)
  <option
    id="basic-icon-default-company"
    @if (category.parentId == pCategory.id)
      selected
    @endif
  >
   {{ pCategory.title }}
  </option>
@endeach

<!-- using a ternary -->
@each(pCategory in parentCategories)
  <option id="basic-icon-default-company" {{ category.parentId == pCategory.id ? 'selected' : '' }}>
   {{ pCategory.title }}
  </option>
@endeach