如何使用AngularJS

我有這樣的對象如何使用AngularJS

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

，我有這個角HTML創建的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}}

來源

2013-01-21 Alon

檢查文檔。但如果你想繼續猜測，我會去'＃if'。 – 11684

[docs]（http://docs.angularjs.org/api）。 – 11684

只需使用ngShow：

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

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

來源

2013-01-21 14:51:55 Yoshi

這解決了我的問題（分配display：none），但是如果條件成立，是否有一個屬性不會呈現HTML本身？ – Alon

@Alon我不知道內置解決方案。不過，你可以編寫自己的指令。但我不確定這是否正確。 – Yoshi

這是我缺少的ng-show屬性

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

來源

2013-01-21 14:52:37 Alon

如何使用AngularJS

回答

相關問題