Зачем делать/Остальные пробелы Теги не работают?

Question

Эй почему это, если/другое заявление в моем шаблоне не работает:

<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

Вы разместили пролет тегов неправильно. вы закодировали {{#if}} вне тега span, но закодировали {{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>