Метеору требуется время, чтобы узнать, есть ли {{currentUser}} или нет

У меня есть несколько кодов, которые я хочу запускать только при наличии noUser, и несколько при наличии currentUser.
Все они находятся внутри шаблона навигации. Вот так...

   {{#if currentUser}}  
     <li class="nav"><a href="{{pathFor 'create'}}">Post</a>  
     </li>  
     <li class="nav"><a>Ola, {{thisUser}}!</a>  
     </li>  
     <li class="nav"><a href="#" id="logout">Log Out</a>  
     </li>  
   {{/if}}  

   {{#if noUser}}  
      <li class="nav"><a href="{{pathFor 'signup'}}">Sign Up</a>  
      </li>  
      <li class="nav"><a href="{{pathFor 'login'}}">Login</a>  
      </li>  
   {{/if}}

Итак, проблема в том, что когда есть currentUser (т. е. я вошел в систему) и я обновляю страницу, сначала отображается код внутри блока {{#if noUser}}, а затем блок {{#if currentUser}}, в то время как блок {{#if noUser}} предназначен только для отображения вверх, когда нет пользователя.
Вот вспомогательный код для шаблона..

Template.navigation.helpers({

    thisUser: function () {
            return Meteor.user().username;

    },

    noUser: function () {
        var user = Meteor.user();

        if (!user) {
            return true;
        };
    }


});

Не знаю, что я делаю неправильно здесь. :(
Помогите пожалуйста.


meteor meteor-accounts meteor-blaze
person metpb    schedule 26.10.2014    source источник

Ответы (2)


arrow_upward
10
arrow_downward

Вы должны использовать условия if else вместо помощника noUser. И чтобы предотвратить отображение блока «noUser» при входе в систему, вы должны использовать вспомогательную функцию {{ loggingIn }}. Что-то вроде этого:

{{#if loggingIn}}
  <p>Loggin in...</p>
{{else}}
  {{#if currentUser}}  
    <li class="nav"><a href="{{pathFor 'create'}}">Post</a>  
    </li>  
    <li class="nav"><a>Ola, {{thisUser}}!</a>  
    </li>  
    <li class="nav"><a href="#" id="logout">Log Out</a>  
    </li>  
  {{else}}  
    <li class="nav"><a href="{{pathFor 'signup'}}">Sign Up</a>  
    </li>  
    <li class="nav"><a href="{{pathFor 'login'}}">Login</a>  
    </li>  
  {{/if}}
{{/if}}

Потому что Meteor не сразу знает, вошел ли пользователь в систему или нет. Поэтому вы должны использовать помощник loggingIn.

person Tomas Hromnik    schedule 26.10.2014

arrow_upward
0
arrow_downward

Почему бы вам не реорганизовать свой код таким образом?

{{#if currentUser}}  
  <li class="nav"><a href="{{pathFor 'create'}}">Post</a>  
  </li>  
  <li class="nav"><a>Ola, {{thisUser}}!</a>  
  </li>  
  <li class="nav"><a href="#" id="logout">Log Out</a>  
  </li>  
{{else}}  
  <li class="nav"><a href="{{pathFor 'signup'}}">Sign Up</a>  
  </li>  
  <li class="nav"><a href="{{pathFor 'login'}}">Login</a>  
  </li>  
{{/if}}

Вы можете посмотреть на http://docs.meteor.com/#meteor_loggingin, чтобы показать индикатор загрузки, если это необходимо.

person saimeunt    schedule 26.10.2014