ng-hide ng-show не работает должным образом

Я создаю викторину в angular, и я пытаюсь показать кнопку в зависимости от того, началась ли викторина. Пользователь переходит на страницу своих пользователей при входе в систему, и когда они еще не начали викторину, я хочу показать кнопку «Начать викторину». Во время викторины они могут перейти на свою страницу пользователей, но тогда должно быть видно только «возобновить викторину».

В качестве последнего теста я упростил его до этого. В моем контроллере я специально заявляю:

vm.started = false;

Затем в html-файле я использую эту логику:

    <button ng-hide"reg.started" ng-click="reg.startQuiz()">Start quiz</button>
    <button ng-show"reg.started" ng-click="reg.resumeQuiz()">Resume quiz</button>

Таким образом, вы могли бы предположить, что, поскольку для параметра start задано значение false, будет отображаться только кнопка запуска викторины. Однако обе кнопки продолжают отображаться, и я не могу это исправить. Когда я делаю console.log на vm.started, он говорит false. Нг-клик работает нормально. Вместо этого использование функции (возврат логического значения) также не работает.


person idontknow    schedule 06.05.2015    source источник
comment
если это не <button ng-hide "vm.started">Start Quiz</button>. Что произойдет, если вы console.log(reg.started)?   -  person Paul Fitzgerald    schedule 07.05.2015
comment
Я использую синтаксис controllerAs, поэтому reg.started возвращает значение undefined. vm.started == reg.started в представлении.   -  person idontknow    schedule 07.05.2015
comment
ага, я не знаком с контроллером, просто читаю об этом сейчас. Просто подумал, что это может быть причиной @idontknow   -  person Paul Fitzgerald    schedule 07.05.2015


Ответы (1)


Вы уверены, что не забыли "="?

<button ng-hide="reg.started" ng-click="reg.startQuiz()">Start quiz</button>
<button ng-show="reg.started" ng-click="reg.resumeQuiz()">Resume quiz</button>
person Martin E. Zulliger    schedule 06.05.2015
comment
Вау, я такой идиот, невероятно. Да, я забыл = , вздох. Теперь работает правильно - person idontknow; 07.05.2015