ng-show在h2标签中不起作用,但稍后在html代码中工作

时间:2014-08-22 22:12:49

标签: javascript html angularjs

我正在使用带有html5的角度。我的页面顶部附近有以下代码:

<h2 ng-show="stat == 'Active'">Carry On!!</h2>
 <h2 ng-hide="stat == 'Active'">Account deactivated. To reactivate, please  click <a href=""> Here.</a></h2>

这是问候语的一部分。我基本上想检查用户的状态是否有效。如果是,则会显示页面上的某些内容。如果状态被停用,保持等等,那么我想告诉他们需要重新激活他们的帐户才能继续使用。页面上还有很多我使用ng-show / hide的帐户信息完美无缺。在崇高的情况下,我只选择了我想要输入的所有空白区域,并以同样的方式键入它们,所以我不认为语法存在问题。

对于那些仍然希望看到我以后使用的ngShow / Hide的人,这里是:

<div ng-hide="stat == 'Active'"> <div class="conf"><div class="cont"></div></div></div>

          <div ng-show="stat == 'Active'">

1 个答案:

答案 0 :(得分:0)

听起来我的页面可能会有一些无效的标记吗?它是否使用HTML5验证器进行验证?

如果确实如此,那么您可以尝试使用对象。

在您的控制器中执行以下操作:

var ctrlObj = {stat: 'Active'};

然后在你的标记中执行:

<div ng-show="ctrlObj.stat == 'Active'"></div>

网上某处有一篇好文章,主张从不使用双等号。从那以后,我已经两年多没用过了。 ===也进行类型检查。使代码更强大。

还有一篇关于ng的文章说如果你不使用圆点(如我的例子中那样)你做错了什么。对我帮助很大。