如何使用 AngularJS 在 HTML 中创建条件答案

【问题标题】：How to create a condition in the HTML using AngularJS如何使用 AngularJS 在 HTML 中创建条件
【发布时间】：2013-01-21 14:42:17
【问题描述】：

我有这个东西

people = [{name: "John", registered: true },{name: "Micky", registered: false },{name: "Carol", registered: true }]

我有这个有角度的 HTML：

<ul>
  <li ng-repeat="person in people">
    {{person.name}}
    <div class="already-registered-icon">&nbsp;</div>
  </li>
</ul>

我的问题是 - 如何设置仅在用户已注册时才显示已注册图标的条件？

我会想到这样的东西（但我不知道怎么写）：

{{if person.registered}}
        <div class="already-registered-icon">&nbsp;</div>
{{end}}

【问题讨论】：

查看文档。但如果你想继续猜测，我会选择#if。
docs.

标签： javascript html angularjs

【解决方案1】：

只需使用ngShow:

<div ng-show="person.registered" class="already-registered-icon">&nbsp;</div>

演示：http://jsbin.com/usodaw/1/

【讨论】：

这解决了我的问题（分配 display:none），但是如果条件为真，是否有一个属性根本不会呈现 HTML 本身？
@Alon 我不知道内置解决方案。不过，您可能可以编写自己的指令。但我不确定这是否是正确的方法。

【解决方案2】：

这是我缺少的 ng-show 属性

<ul>
  <li ng-repeat="person in people">
    {{person.name}}
    <div ng-show="person.registered" class="already-registered-icon">&nbsp;</div>
  </li>
</ul>

【讨论】：