使用AngularJS grag$在ng中的第一个项目重复，并使用它在页面上以其他形式打开项目信息

我的用户将登录我的联系人页面，在该页面顶部以ng重复方式列出所有联系人的列表，然后可以添加和编辑联系人信息。列表中填充了一个编辑按钮，用于获取要编辑的各个联系人。

我的最新要求是获取列表中的第一个联系人，并将信息填充到表单中进行编辑，就好像用户单击了第一个编辑按钮一样。我想在ng重复中以某种方式使用$first，但如何在着陆时启动第一个联系人编辑对我来说是一个挑战

我读到过，每次消化发生时，$scope散列都会在内部循环，并根据以前的值进行脏检查。尝试使用init，但未读取；可能是我对Angular的生理学缺乏了解。

我希望在UI中完成这一切，但如果这是错误的，我在这个条目的底部包含了api调用。

table class="table table-hover table-striped table-condensed">
                        <thead>
                            <tr>
                                <th>First Name</th>
                                <th>Last Name</th>
                                <th>Title</th>
                                <th>Active</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="scacContact in searchScacContactResults">
                                <td>{{scacContact.contactFirstName}}</td>
                                <td>{{scacContact.contactLastName}}</td>
                                <td>{{scacContact.contactTitle}}</td>
                                <td>{{scacContact.activeDescription}}</td>
                                <td>
                                    <button class="btn btn-primary btn-xs" ng-click="onEditScacContact(scacContact)" ng-disabled="isAdding||isEditing">Edit</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
<fieldset>
        <legend>Add/Edit Contact</legend>
            <form class="form-inline" role="form" name="AddEditContact">
                <div class="col-md-8">
                    <div class="form-group" 
                        <label class="col-lg-2 control-label">First Name</label>
                        <div class="col-lg-5">
                            <input class="form-control" id="ContactFirstName" name="ContactFirstName" type="text" placeholder="First Name" ng-disabled="!isAdding&&!isEditing" ng-model="scacContactDetails.contactFirstName" >
                        </div>
                    </div>
                    <div class="form-group" 
                        <label class="col-lg-2 control-label" >Last Name</label>
                        <div class="col-lg-5">
                            <input class="form-control" id="ContactLastName" name="ContactLastName" type="text" placeholder="Last Name" ng-disabled="!isAdding&&!isEditing" ng-model="scacContactDetails.contactLastName" >
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="control-label col-md-3">Active?</label>
                        <div class="col-lg-4">
                            <table class="table table-striped table-hover table-condensed fixed-element">
                                <thead>
                                    <tr>
                                        <th>Yes</th>
                                        <th>No</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <input name="rbActive" type="radio" ng-disabled="!isAdding&&!isEditing" ng-value="true" ng-model="scacContactDetails.active">
                                        </td>
                                        <td>
                                            <input name="rbActive" type="radio" ng-disabled="!isAdding&&!isEditing" ng-value="false" ng-model="scacContactDetails.active">
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                </div>
            </form>
    </fieldset>
//Getting list of Contacts per ScacID
var scacContactListRes = $resource("api/SearchScacContact");
scacContactListRes.query({ scacID: $scope.scacID }, function (scacContactList) {
    $scope.searchScacContactResults = scacContactList;
});