javascript - AngularJSを使用してHTMLで条件を作成する方法

Question

私はこのオブジェクトを持っています

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}}

Answer 1

ngShowを使用するだけです：

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

デモ： http： //jsbin.com/usodaw/1/

Answer 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>