Czy mogę używać instrukcji warunkowych z szablonami EJS (w JMVC)?

101

a jeśli tak, jaka jest składnia? Moim celem jest dodanie litery „s” do słowa „komentarz”, gdy jest ich więcej. w szablonie jQuery.ejs w aplikacji JMVC. Następujące przerwy. Nie mogę znaleźć żadnych dokumentów warunkowych ...

<%=commentsNumber%> comment<% if (commentsNumber > 1) { %> s <% } %>

conditional-statements ejs

— Regis Zaleman
źródło

Twoja składnia wygląda dobrze i działa dla mnie. Czy na pewno istnieje zmienna commentsNumber i jest liczbą całkowitą?

— Ryan Crispin Heneise

1

Tak, dziwne, że warunki warunkowe nie są wymienione w dokumentach!

— UpTheCreek,

171

Dla innych, którzy się na to natkną, możesz również użyć parametrów / rekwizytów ejs w instrukcjach warunkowych:

Receptury.js Plik:

app.get("/recipes", function(req, res) {
    res.render("recipes.ejs", {
        recipes: recipes
    });
});

recepty.ejs Plik:

<%if (recipes.length > 0) { %>
// Do something with more than 1 recipe
<% } %>

— Jbird
źródło

3

Czy w przypadku includewyciągu możesz wpisać warunkowy inline? To pismo <% if (true) { include foo/bar } %>wydaje się być błędne. Czy istnieje podobna metoda, czy też konieczne jest przełamanie includeprzez <% %>.

— kuanb

Dzięki, szukałem tej odpowiedzi, zanim ją wypróbowałem.

— CTala,

Dziękuję Ci! Próbowałem wyświetlić elementy warunkowe ze zmian na serwerze. Twoja odpowiedź pokazała mi, że muszę ocenić wszystko na kliencie.

— buildpax

161

Warunki warunkowe działają, jeśli mają prawidłową strukturę, natknąłem się na ten problem i rozgryzłem go.

W przypadku warunków warunkowych poprzedni znacznik elsemusi być sparowany z końcowym znacznikiem poprzedniego, w ifprzeciwnym razie instrukcje będą oceniane oddzielnie i spowodują błąd.

BŁĄD!

<% if(true){ %>
   <h1>foo</h1>
<% } %>
<% else{ %>
   <h1>bar</h1>
 <% } %>

Poprawny

<% if(true){ %>
   <h1>foo</h1>
 <% } else{ %>  
   <h1>bar</h1>
<% } %>

mam nadzieję, że to pomogło.

— StanleyZheng
źródło

2

Dzięki !! Utknęło mnie to na chwilę.

— xblymmx

3

Było to niezwykle pomocne, ponieważ napotkałem problem polegający elsena umieszczaniu mojego w innym wierszu, takim jak pierwszy wspomniany blok kodu. Dziękuję bardzo za dołączenie tych przykładów !!

— Michael Platt

22

Wydaje się, że EJS zachowuje się inaczej w zależności od tego, czy używasz notacji {}, czy nie:

Sprawdziłem i następujący warunek jest oceniany zgodnie z oczekiwaniami:

<%if (3==3) {%>  TEXT PRINTED  <%}%>
<%if (3==4) {%>  TEXT NOT PRINTED  <%}%>

podczas gdy ten nie:

<%if (3==3) %>  TEXT PRINTED  <% %>
<%if (3==4) %>  TEXT PRINTED  <% %>

— Kristóf Aczél
źródło

11

Czy spodziewałbyś się, że pojedynczy znak spacji coś zrobi?

— UpTheCreek,

22

Tak, możesz używać instrukcji warunkowej z EJS, jak if else, operatora trójargumentowego lub nawet przełącznika wielkości liter

Na przykład

Operator trójskładnikowy : <%- role == 'Admin' ? 'Super Admin' : role == 'subAdmin' ? 'Sub Admin' : role %>

Sprawa przełącznik

<% switch (role) {
case 'Admin' : %>
        Super Admin
        <% break;

case 'eventAdmin' : %>
        Event Admin
        <% break;

case 'subAdmin' : %>
        Sub Admin
        <% break;

} %>

— Om Sharma
źródło

16

Możesz także użyć else ifskładni:

<% if (x === 1) { %>
    <p>Hello world!</p>
<% } else if (x === 2) { %>
    <p>Hi earth!</p>
<% } else { %>
    <p>Hey terra!</p>
<% } %>

— pzrq
źródło

4

należy tutaj podkreślić, że nawias zamykający musi być ostatecznie użyty w tym samym wierszu, co else / else if

— Paulo

1

Wiem, że to trochę późna odpowiedź

możesz użyć instrukcji if i else w ejs w następujący sposób

<% if (something) { %>
   // Then do some operation
<% } else { %>
   // Then do some operation
<% } %>

Chcę jednak podkreślić, że jeśli używasz kodu w ten sposób,

<% if (something) { %>
   // Then do some operation
<% } %>
<% else { %>
   // Then do some operation
<% } %>

Spowoduje to błąd.

Mam nadzieję, że to komuś pomoże

— Achintha Isuru
źródło