розетка Ember обязана StateManager не делает после изменения состояния дважды

Question

я установка State диспетчера для отслеживания состояния входа пользователя, на основе этого ответа здесь: Change Navbar based on login state

Однако, я хотел бы взять его следующий шаг и не только обновление навигация в соответствии с состоянием, но и основной шаблон. Я получил эту работу в основном, так что, когда вы нажмете кнопку входа в систему, она покажет вам «приветствую, что вы вошли в систему». Однако, если вы выходите из системы и снова пытаетесь войти в систему, он просто показывает пустой экран, как если бы он неправильно перерисовывал указательный маршрут. Вот JSFiddle с моей проблемой. Обратите внимание, что происходит, когда вы нажимаете на логин/выход из системы, а затем заходите в 2-й раз. сообщение «welcome» не отображается.

Вот мой шаблон индекс:

{{render navbar}} 
     {{authState}} 
{{#if isAuthenticated}} 
    {{outlet}} 
{{else}} 
    {{render login}} 
{{/if}} 

Я могу видеть «authState» является правильным, но «на выходе» не отображается 2-й раз, когда я логин ...

Вот полная jsfiddle:

http://jsfiddle.net/Benmonro/HmJyu/1/

РАЗЪЯСНЕНИЕ

@ham попросил разъяснений, так что здесь идет:

Главное, что я пытаюсь достичь здесь в том, что, когда государственный менеджер изменяет состояние isAuthenticated то, что в настоящее время оказанной в {{outlet}} должна быть выгружена для того, что отображается в {{render login}}, который действительно может быть любым шаблоном. Главное, что {{outlet}} будет отображаться и скрываться с изменением состояния ...

Answer 1

Причина, по которой она не работает, состоит в том, что у вас есть два узла DOM с идентификатором index. В вашей скрипке дополнительно </script> в конце HTML-панели, но это не имеет значения, я думаю.

ID в DOM должен быть уникальным, иначе вы можете увидеть некоторые неожиданные проблемы, подобные этому. Вы можете прочитать здесь https://developer.mozilla.org/en/docs/DOM/element.id

Здесь работает вилку вашей скрипки - http://jsfiddle.net/wbednarski/eMcXq/

Кстати, Вы можете найти полезную, а также - Difference between == and === in JavaScript

Answer 2

Вы не переходящие из вашего router, но только изменение состояния вашего LoginStateManager. Если вы включите вывод маршрутизации в своем создании App, вы увидите результат и отсутствие перехода из вашего «приветственного» состояния.

Просто изменить App к:

App = Ember.Application.create ({LOG_TRANSITIONS: истинные});

Вы увидите, что с помощью login -Кнопка на navBar будет выполнять правильную функцию только один раз, когда кнопка на login форме не переходит состояние, и для этого не показывает правильный результат.Это потому, что в App.NavBarController вы выполняете this.transitionToRoute("welcome").

Просто введите все ваши логины и логины с помощью: или this.transitionToRoute("index") и он работает как шарм.

[edit] Добавлен пример скрипки здесь: http://jsfiddle.net/AlphaEagle/rGNca/4/ Надеюсь, это поможет! [/ edit]