查看和编辑对象

我想有一个对象的条目列表。如果我点击列表中的一个条目，我希望看到该对象的详细信息和列表右侧区域的编辑按钮。如果我点击该按钮，详细信息将消失，并出现一个用于编辑对象的表单。

<table class="table table-striped">
    <tr 
        ng-repeat="object in objects" 
        ng-click="select(object.id)"
    >
        <td>{{object.name}}</td>
    </tr>
</table>
<button ng-click="edit(selectedObject.id)">Edit</button>
<div class="view">
    Name: {{selectedObject.name}}
</div>
<form>
    <label>Name</label>
    <input ng-model="object.name">
</form>

controller.js

myModule.controller('MyController', function($scope, MyService) {
    $scope.objects = MyService.getObjects();
    $scope.select = function(id) {
        $scope.selectedObject = angular.copy(MyService.getObject(id));  
    };
    $scope.edit = function(id) {
        ...
    };
});

在编辑函数中，我可以使用selectedObject，但也许在将来我也想直接编辑对象而不选择它之前。所以首先我可以在select函数中做同样的事情，然后我将调用服务两次来接收相同的对象…