使用angularJS的条件语句

时间:2013-09-21 15:54:12

标签: javascript angularjs javascriptmvc

很抱歉,这个问题似乎很愚蠢。 我正在进行从javascriptmvc到angularjs的迁移。有些观点对我来说并不完全清楚。我可以在带有angularjs的html上应用条件语句吗?假设我根据用户登录状态构建页面。如果用户已登录,我隐藏登录控件并显示一些欢迎消息。如果用户未登录,则显示登录控件。使用javascriptmvc,我可以通过简单地创建2个不同的视图并根据收到的数据附加它们来解决这个问题 - 我描述的每种情况的每个视图。它更容易,因为控制器是html构建过程的入口点,而不是html。 像

这样的东西
<% if (data.logged_in){%>
 <div>
...some markup...
</div>
<%} else {%>
 <div>
...another markup...
</div>
<%}%>

我怎么能用角度做这样的事情?

1 个答案:

答案 0 :(得分:2)

在最新版本的Angular.js中,你可以使用它。

<div ng-if="{expression}">
   ..Some Markup ...
</div>

以前的版本(1.0.7)

<div ng-show="{expression}">
   ..Some Markup ...
</div>