I'm having an issue with my Angular code. I expect only one of the two elements to be visible at a time, but both are displaying. Could there be an error in my code that I'm overlooking?
Maybe I'm not using ng-show correctly?
<div class="no_people" ng-show="!person.name">
<p>no people</p>
</div>
<div ng-repeat="person in details.people">
<div class="persons_table">
<table>
<tbody>
<tr class="top_row">
<td colspan="2">
<span class="person_name">
{{ person.name }}
</span>
<span class="person_address" >
{{ person.address }}
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>