在angularJS select指令中设置所选项目

描述：

我的应用程序与REST API通信，以从数据库接收一个实体。 API规定对象的关系仅与ID属性一起发送，以便您可以在后续请求中检索它们(如果需要)。

例：

{ id : 1,customerName : "some name",city : {id : 12}}

城市是另一个实体，可以通过不同的REST端点使用城市ID进行检索，如下所示：

{ id: 12,name : "New York"}

我需要创建一个表单来编辑客户实体，并使用所有可能的城市的下拉菜单，以便用户可以从列表中选择适当的城市。该列表必须首先显示从JSON对象检索的客户的城市。

形式如下：

<form>
  <input type="text" ng-model="customer.name"/>
  <select ng-model="customer.city" ng-options="i as i.name for i in cities"></select>
 </form>

控制器看起来像这样：

app.controller('MainCtrl',function ($scope,$http) {
    $http.get(serviceurl + 'admin/rest/customer/' + id + "/",{
        params: {"accept": "json"},withCredentials: true
    }).then(function (response) {
                $scope.customer = response.data.item;
            });
    $http.get(serviceurl + 'admin/rest/city/',withCredentials: true
    }).then(function (response) {
                $scope.cities = response.data.items;
                // THIS LINE LOADS THE ACTUAL DATA FROM JSON
                $scope.customer.city = $scope.findCity($scope.customer.city);
            });
    $scope.findCity = function (city) {
        for (var i = 0; i < $scope.cities.length; i++) {
            if ($scope.cities[i].id == city.id) {
                return $scope.cities[i];
            }
        }
    }
});

应该怎么办
一旦城市对象的完整详细信息被加载，则select指令必须设置列表中所选项目加载的城市。

怎么了：
该列表显示一个空项目，如果所选项目来自项目数组外的对象，则无法初始化所选项目。

演讲的这个问题在这里：http://plnkr.co/edit/NavukDb34mjjnQOP4HE9?p=preview

是否有解决方案？所选项目是否可以以通用方式设置为编程方式，以便将AJAX调用和选择逻辑重构为可重用的基于AJAX的选择小部件？