Question

我在html中有一个标签，我来自JSON的绑定值。

我需要在有值时显示标签，否则我想隐藏该标签。

任何人都可以建议这样做吗？

感谢。

enter image description here

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

Answer 1

您可以使用ng-if

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

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

Answer 2

您可以使用ng-show：

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

Answer 3

您可以使用ng-show或ng-hide。一个工作的plunker 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>

没有数据时如何隐藏标签？

3 个答案: