In version 0.4.3, :if instruction failure and inconsistent display performance.

[hsuna]

version：0.4.3

create app.nue:

<main @name="app">
  <ul>
    <li :for="item in items">
      <p :if="{item.value}">{ item.index }: <span>{item.value}</span></p>
    </li>
  </ul>

  <script>
    items = [
      { index: 1, value: true },
      { index: 2, value: false },
      { index: 3, value: 0 },
      { index: 4, value: 1 },
      { index: 5, value: '0' },
      { index: 6, value: '1' },
    ];
  </script>
</main>

run

nue

result:

• :if instruction failure
• false no display.

desire:

[nobkd]

Sorry for the late reply.

You just have to remove the curly braces ({}) from the :if condition to not render the ps when the value is falsy:

- <p :if="{item.value}">{ item.index }: <span>{item.value}</span></p>
+ <p :if="item.value">{ item.index }: <span>{item.value}</span></p>

---

Important

But it is true, that the false should be displayed as text, when there is no :if.

Could be related to #193 with a3b29f5

---

Can you tell, what you mean with inconsistent display performance in your title?

[hsuna]

Sorry for the late reply.

You just have to remove the curly braces () from the condition to not render the s when the is :{}``:if``p``value``falsy

- <p :if="{item.value}">{ item.index }: <span>{item.value}</span></p>
+ <p :if="item.value">{ item.index }: <span>{item.value}</span></p>

Important

But it is true, that the should be displayed as text, when there is no .false``:if

Could be related to #193 with a3b29f5

Can you tell, what you mean with in your title?inconsistent display performance

Translation software issue, please ignore it

[nobkd]

Closing in favor of #248