eleventy - Conditional not working in Nunjucks macro

Question

I am using Nunjucks (with Eleventy) and have been refactoring some navigation html to simplify things. I have replaced all the 'a' navigation tags with the macro defined below:

{% macro link(path,label,level) %}
  <!-- path = '{{ path }}/', page.url = '{{ page.url }}' -->
  <a href="{{ path }}/index.html"
     class="level_{{ level }} {{ 'current' if '{{path}}/' == page.url }}"><span>{{ label }}</span></a>
{% endmacro %}

I now find that the 'if' statement which was working fine before no longer works when it is used in the macro. Its purpose is to assign the 'current' class for the link to the page the user is currently on.

Note the comment in the macro. This is a test so I can see what the values being compared are. The odd thing is that the test indicates there's nothing wrong with the values, but the 'if' statement is still not running. For example, this is an example of what appears in the comment for the link to the current page (where the 'current' class should be assigned): `. As you can see, the two values are identical. So why is the 'if' test failing?

question from:https://stackoverflow.com/questions/65884563/conditional-not-working-in-nunjucks-macro

Answer 1

OK, seems like the issue was the interpolation. It works fine when changed to this:

{% macro link(path,label,level) %}
  <a href="{{ path }}/index.html"
     class="navLink level_{{ level }} {{ 'current' if (path+"/" == page.url) }}"><span>{{ label }}</span></a>
{% endmacro %}