2014-01-29 49 views
0

我有一個HTML標籤,我綁定的值來自JSON。如何在沒有數據時隱藏標籤?

我需要顯示一個標籤,當有一些價值,否則我想隱藏該標籤。

任何人都可以提出這樣做​​嗎?

謝謝。

enter image description here

<li> 
    <strong> 
    Bad Address Date: 
    </strong> 
    {{insuredProfile.permanentAddress.badAddressDate}} 
</li> 

回答

3

您可以使用ng-if

<li ng-if="insuredProfile.permanentAddress.badAddressDate.length"> 
    <strong>Bad Address Date:</strong> 
    {{insuredProfile.permanentAddress.badAddressDate}} 
</li> 

演示:http://jsfiddle.net/qwertynl/2CHKf/

+0

我喜歡'ng-if'。 – Satpal

1

您可以使用ng-show

<li ng-show="insuredProfile.permanentAddress.badAddressDate"></li> 
1

您可以使用ng-show或ng-hide。一個工作的猛擊者demo

<body ng-controller="MainCtrl"> 
    <li ng-show="dateShown"><strong>Bad Address Date:</strong> {{dateShown}} </li> 
    <li ng-show="dateNotShown"><strong>Bad Address Date:</strong> {{dateNotShown}} </li> 
    </body>