javascript - NG-show 没有按预期工作？ Angular

Question

根据我对 Angular 的理解，一次只能显示以下两个元素之一，但由于某种原因，两个元素都在显示。我的代码中是否存在我看不到的错误？

我是否错误地使用了 ng-show？

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

Answer 1

我认为这样应该有效:

<div class="no_people" ng-hide="details.people.length">
    <p>no people</p>
</div>

person 变量只能在 ng-repeat 内部访问。

使用 ng-hide 代替 ng-show=! 可能会更干净一些。