angularjs – 设置Angular-UI Select2多重指令的初始值

// Directive
<input ng-model="filters.countries" ui-select2="filters.countryOptions"
    data-placeholder="Choose a country...">

// filters.countryOptions
{ 
    multiple: true,query: function() { 
        get_list_of_countries(); 
    }
}

// Formatted data from remote source
[
    {id: 'US',text: 'United States'},{id: 'CA',text: 'Canada'} ...
]

我试图在我的控制器中设置最初选择的值：

$scope.filters.countries = [{id: 'US',text: 'United States'}];

这样做可以正确设置模型，但是在select2初始化发生之前发生了这种情况。当我浏览剩余的初始化代码时，输??入将临时显示[Object]，然后最终消除$ scope.filters.countries和输入，但不会在输入中显示占位符文本。

为了解决这个问题，我使用以下内容来重置模型的初始值：

$scope.$on('$viewContentLoaded',function() {
    setTimeout(function() {
        $scope.filters.countries = [{id: 'US',text: 'United States'}];
    },100);
});

使用setTimeout看起来真的很奇怪。有没有更好的方法我失踪了？

更新1

根据ProLoser的要求，这里是一个演示和github机票。

演示：http://plnkr.co/edit/DgpGyegQxVm7zH1dZIJZ?p=preview

GitHub Issue：https://github.com/angular-ui/angular-ui/issues/455

按照ProLoser的建议，我开始使用select2的initSelection函数：

initSelection : function (element,callback) {
  callback($(element).data('$ngModelController').$modelValue);
},

它的诀窍，但仍然感觉像一个解决方法。