爲什麼If/Else Spacebars標籤不起作用？

Question

嘿由於某種原因，在我的模板這個if/else語句不工作：

<div class="col-md-4"> 
    <div class="row"> 
    <div id="custom-search-input"> 
     <div class="form-group col-md-12"> 
     <div class="input-group col-md-12"> 
      {{#if addingSubreddit}} 
      <input class="form-control input-lg" type="text"> 
      <span class="input-group-btn" style="width: 2%;"> 
       <button class="btn btn-info btn-lg" id="addSubreddit" type="submit"> 
       <i class="glyphicon glyphicon-plus"></i> 
       </button> 
      {{else}} 
      <button id="newSubreddit" class="btn btn-info btn-lg" type="submit"> 
       <i class="glyphicon glyphicon-plus"></i> 
      </button> 
      {{/if}} 
      </span> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

它給我這個錯誤：

Your app is crashing. Here's the latest log. 

Errors prevented startup: 

While building the application: 
client/views/subreddits.html:14: Unexpected {{else}} 
...n>   {{else}}   hey  ... 
         ^

Your application has errors. Waiting for file change. 

我想不通爲什麼不起作用？

Answer 1

你不能讓標籤塊助手內未關閉的，所以你必須重寫這樣的模板代碼：

<div class="col-md-4"> 
    <div class="row"> 
    <div id="custom-search-input"> 
     <div class="form-group col-md-12"> 
     <div class="input-group col-md-12"> 
      {{#if addingSubreddit}} 
      <input class="form-control input-lg" type="text"> 
      {{/if}} 
      <span class="input-group-btn" style="width: 2%;"> 
      {{#if addingSubreddit}} 
       <button class="btn btn-info btn-lg" id="addSubreddit" type="submit"> 
       <i class="glyphicon glyphicon-plus"></i> 
       </button> 
      {{else}} 
       <button id="newSubreddit" class="btn btn-info btn-lg" type="submit"> 
       <i class="glyphicon glyphicon-plus"></i> 
       </button> 
      {{/if}} 
      </span> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 2

你已經把span標記錯誤。你已經在span標籤之外編碼了{{#if}}，但在標籤內部編碼了{{else}}，這是錯誤的。

代替，這可能解決問題：

<div class="col-md-4"> 
<div class="row"> 
    <div id="custom-search-input"> 
    <div class="form-group col-md-12"> 
    <div class="input-group col-md-12"> 
     {{#if addingSubreddit}} 
     <input class="form-control input-lg" type="text"> 
     <span class="input-group-btn" style="width: 2%;"> 
      <button class="btn btn-info btn-lg" id="addSubreddit" type="submit"> 
      <i class="glyphicon glyphicon-plus"></i> 
      </button> 
     </span> 
     {{else}} 
     <span class="input-group-btn" style="width: 2%;"> 
      <button id="newSubreddit" class="btn btn-info btn-lg" type="submit"> 
      <i class="glyphicon glyphicon-plus"></i> 
      </button> 
     </span> 
     {{/if}} 
    </div> 
    </div> 
</div>