ng-hide ng-show无法正常工作

时间:2015-05-06 22:57:43

标签: javascript angularjs ng-hide angularjs-ng-show

我正在建立角度测验,我试图根据测验是否已经开始显示按钮。用户在登录时转到他们的用户页面,当他们没有开始测验时,我想显示“开始测验”按钮。在测验期间,他们可以访问他们的用户页面,但之后只能看到“恢复测验”。

作为我的最后一次测试,我把它愚蠢到了这个。在我的控制器中,我特别声明:

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,所以只显示开始测验按钮。但是,两个按钮都会显示出来,我似乎无法修复它。当我在vm.start上执行console.log时,它说错误。 ng-click工作正常。使用函数(返回布尔值)也不起作用。

1 个答案:

答案 0 :(得分:2)

你确定你没有忘记&#34; =&#34;?

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