Impostazione dei valori iniziali della direttiva Angular-UI Select2 multipla

Question

ho una direttiva select2 per un multiplo selezionato di paesi con una query personalizzata per afferrare i dati:

// 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'} ... 
] 

sto cercando di impostare i valori inizialmente selezionati nel mio controller utilizzando:

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

Ciò impostato correttamente il modello, tuttavia questo sta accadendo prima che si è verificato l'inizializzazione select2. Mentre passo attraverso il codice di inizializzazione rimanente, l'input visualizza temporaneamente [Object] prima di eliminare definitivamente $scope.filters.countries e l'input, ma non visualizza il testo segnaposto nell'input.

Per ovviare a questo sto usando il seguente per ripristinare il valore iniziale dei modelli:

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

Sembra davvero di essere hacker utilizzando un setTimeout. C'è un modo migliore che mi manca?

Update 1

Come richiesto dal ProLoser ecco un demo e biglietto GitHub.

Demo: http://plnkr.co/edit/DgpGyegQxVm7zH1dZIJZ?p=preview

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

Seguendo il consiglio di ProLoser ho iniziato ad usare la funzione di initSelection select2:

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

Si fa il trucco, ma ancora si sente come una soluzione.

Answer 1

Come richiesto da ProLoser, ecco un ticket demo e github.

Demo: http://plnkr.co/edit/DgpGyegQxVm7zH1dZIJZ?p=preview

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

Seguendo il consiglio di ProLoser ho iniziato ad usare la funzione di initSelection select2:

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

Si fa il trucco, ma ancora si sente come una soluzione.

Answer 2

Hai provato inizializzazione le opzioni come:

<option selected value="0">Name</option>