Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Loop

See original GitHub issue

How to display Names and Emails in different lists?

<!DOCTYPE html>
<html lang="en">

<head>
  <title>Loops</title>
</head>

<body>

  <main id="app"></main>

  <script src="https://cdn.jsdelivr.net/npm/lemonadejs/dist/lemonade.min.js"></script>

  <script>
    function App() {

      let self = {

        members: [{
            name: "Albert",
            email: "alberto@email.com",
            age: 38
          },
          {
            name: "Alberto",
            email: "albert@email.com",
            age: 26
          },
          {
            name: "Sylvain",
            email: "sylvain@email.com",
            age: 57
          }
        ]

      };

      let template = `<>
          <h2>Loops</h2>

          <div>
            <h5>Names</h5>
            <ul @loop="self.members">
              <li> {{self.name}} </li>
            </ul>
          </div>

          <hr />

          <div>
            <h5>Emails</h5>
            <ul @loop="self.members">
              <li> {{self.email}} </li>
            </ul>
          </div>

        </>`;

      return lemonade.element(template, self);
    }


    lemonade.render(App, document.querySelector('#app'));
  </script>

</body>

</html>

Expected:

But:

How to get the expected result?

Issue Analytics

State:
Created a year ago
Comments:5 (2 by maintainers)

Top GitHub Comments

3reactions

hodewarecommented, Apr 16, 2022

We are creating a alternative for that… it should be released soon

2reactions

sucomcommented, Apr 16, 2022

Yeah. but, why do we really need to build different arrays as we can’t create and call multiple APIs for this approach or after getting from one API then creating multiple arrays for a large set, it doesn’t seem to be right or scalable.