AngularJD：第一次按键单击时出现在ng-repeat中的空白项目，再次单击按钮时出现项目

Question

我正在开发一个连接到RESTful API的漂亮的Web应用程序。我的HTML有一个＆＃34; View Employees＆＃34;按钮，单击该按钮，进行API调用以获取该公司的所有员工。我正在检查API的返回值，它正在获取整个列表，但页面只呈现第一个员工，然后是其余的空白空间。当我去另一家公司并点击他们的View Employees按钮时，事情变得更加奇怪，因为该公司的员工出现了，并且前一公司的一个空白区域突然正常呈现。我正在阅读API的返回信息，它以正确格式化的方式提供了我需要的所有信息。我真的很困惑。

任何人都知道发生了什么？这是我的HTML。如果您需要更多代码，请告诉我。

    <div ng-if="sigFigCtrl.companies[$index].employees.length > 0">
    <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-if="!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>
        <div ng-if="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>
    </div>
</div>

提前谢谢。