当 if 语句正确时，handlebars if 语句转到 else 语句

Question

我目前正在尝试为我的社交媒体应用程序的消息传递部分在车把中编写一个 if else 块。我正在传递来自控制器的消息，对于我正在使用的示例，有一个空数组但由于某种原因它一直转到 else 语句。我已经尝试了多种不同的组合来使它起作用，但它一直转到 else 语句。我做错了什么？

{{#if messages.length}}
  <p>if statement</p>
  <div class="message-container card" id="{{this._id}}">
    <p> Start a new conversation </p>
  </div>
{{else}}
  <p>else statement</p>
  {{#each messages}}

    <div class="message-container card" id="{{this._id}}">

      <div class="profile-picture">
          <img src={{user.profilePicture}} width="100"
            height="100"
            class="rounded-circle"/>
      </div>
      <div class="message-header">
        <span class="name">{{this.sender.firstName}} {{this.sender.lastName}}</span>
        <div class="date-sent">{{this.createdAt}}</div>
      </div>

      <div class="post-body">
        <p class="message">
          {{this.message}}
        </p>
      </div>
    </div>
  {{/each}}
{{/if}}

Answer 1

是的。这是正确的。如果有一个空数组，它应该转到 else 语句，因为空数组的长度为 0，即 falsy.

在你的代码中你有

{{#if messages.length}}
    print this if array is not empty because
    message.length is not zero
{{#else}}
    print this if array is empty
    because message.length is zero
{{/if}}

所以它的行为是正确的。

如果您打算做相反的事情，请交换 if 和 else 块中的代码，或者将 #if 替换为 #unless。

当 if 语句正确时，handlebars if 语句转到 else 语句

Handlebars if statement going to else statement when if statement is correct

javascript

express

mongoose

handlebars.js