Faire un matériau angulaire sélectionner se comporter comme angulaire ui sélectionner

Question

Je veux faire un matériau angulaire sélectionner un travail comme mon sélection angulaire d'interface utilisateur. J'ai un peu de travail mais il y a une différence: l'ui angulaire select peut avoir un objet qui n'est pas dans sa liste dans son ng-model.

Fiddle for better understanding

<ui-select ng-model="current_item" name="emitter" autocomplete="off" theme="select2" style="max-width:385px;"> 
    <ui-select-match placeholder="Select Item" title="{{$select.selected.name}}">{{$select.selected.name}}</ui-select-match> 
    <ui-select-choices repeat="item in list" refresh="refresh($select.search)" refresh-delay="0"> 
      <small>{{item.name}}</small> 
    </ui-select-choices> 
</ui-select> 

Comme vous pouvez le voir, ui-select angulaire est avec test4 ng-modèle, même difficile, il est pas sur la liste, qui est exactement le comportement que je veux en matière de sélection angulaire. Y at-il un moyen de le faire ou suis-je coincé avec angulaire ui sélectionnez?

Answer 1

Essayez quelque chose comme ceci ci-dessous.

Nous décorons la directive mdOption et ajoutons le ngModel dans la collection de ngRepeat de l'option md.

fiddle solution with test4 showing as an option

myApp.directive('mdOption',function(){ 
    return { 
    restrict: 'E', 
    priority: 0, 
    require: [ '^^mdSelect', '^^ngModel'], 
    link: function(scope, ele, attr, ctrls) { 
     var repeatExpr = attr.ngRepeat; 
     var optionsModelStr = repeatExpr.match(/[ ]+in+[ ]+(.*?)([ \|]+)/)[1]; 
     var list = scope[optionsModelStr]; 
     var select = ctrls[0]; 
     var ngModel = ctrls[1]; 
     if (ngModel.$modelValue && list.indexOf(ngModel.$modelValue) < 0) { 
      list.push(ngModel.$modelValue); 
     } 

    } 
    } 
}); 

Ce n'est pas un code de prêt pour la production, mais juste une idée.

Modifier: Bien que cela a fonctionné un peu, j'ai décidé d'aller avec un simple $scope.list.unshift($scope.current_item); juste après avoir reçu ma liste. Je pense que c'est plus simple =)