ng-if 在长度 > 0 时正确显示，但在长度 === 0 时不显示

Question

我有一个非常简单的 ng-if，它基于数组的长度。如果长度大于零，则显示长度。如果它为零，则表示它是空的。它在长度大于零时显示，但在零时不显示。有人看到我在这里缺少什么吗？

这是我的 HTML（有问题的 ng-if 位于第 5 行和第 9 行，但我想我应该把周围的 HTML 放在那里，以防周围有我遗漏的东西）：

<div class="employee-box" ng-repeat="employee in sigFigCtrl.companies[$index].employees">
    <span class="glyphicon glyphicon-edit pull-right" ng-click="sigFigCtrl.toggleEmployeeEdit($index)"></span>
    <span class="glyphicon glyphicon-remove pull-right" ng-click="sigFigCtrl.deletePerson(employee._id, $index, sigFigCtrl.companies[$parent.$index].employees)"></span>
        <div ng-show="!sigFigCtrl.companies[$index].editEmployee">
            <div ng-if="sigFigCtrl.companies[$index].employees.length > 0">
                <p><b>Name:</b> {{employee.name}}</p>
                <p><b>Email:</b> {{employee.email}}</p>
            </div>
            <div ng-if="sigFigCtrl.companies[$index].employees.length === 0">
                empty array!
            </div>
        </div>
    <div ng-show="sigFigCtrl.companies[$index].editEmployee">
        <form name="editPersonForm" ng-submit="sigFigCtrl.editPerson(employee._id, $index)">
        <div class="form-group">
            <div class="col-md-12">
                <input type="text" ng-model="sigFigCtrl.editPersonName" id="name" placeholder="Name of Employee" class="form-control" required></input>
            </div>
        </div>            <div class="form-group">
        <div class="col-md-12">
            <input type="text" ng-model="sigFigCtrl.editPersonEmail" id="name" placeholder="Email of Employee" class="form-control" required></input>
        </div>
            <button>SUBMIT</button>
        </form>
    </div>
 </div>

Answer 1

问题很简单。你正在重复sigFigCtrl.companies[$index].employees。这意味着当没有元素时它永远不会运行。将其视为for each 或for 之类的循环。如果没有元素，则迭代将永远不会运行。这就是为什么你从来没有真正到达你正在测试它是否有元素的内部ngIf。停在根部