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

我有这个东西

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>

{{person.name}

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

我会这样想（但我不知道怎么写）：

{{if person.registered}
{{end}

只需使用：

---

演示：

我缺少的是

ng show

属性

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

{{person.name}

检查文档。但是如果你想继续猜测，我会选择

#if

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

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

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