Comment suis-je censé mettre en œuvre de multiples sélectionnez l'option dans angulaires-le matériel?

J'ai vérifié les docs et les démos, mais hélas!! Je n'ai pas trouvé de référence de mise en œuvre de la fonction de sélection multiple comme 2 sélectionnez à l'aide angulaires-le matériau.
Quelqu'un pourrait-il me dire comment le faire fonctionner?

  • L'ajout de la question un peu: Comme de 0.8.3, les docs ne pas fournir une démo de "multiples". À l'aide de l'attribut multiple comme une option booléenne échoue: il semble être en présence base (ce qui est le mal pur, je dois ajouter).
InformationsquelleAutor John Maclein | 2015-02-22
  1. 25

    Splaktar réponse est bonne: il suffit d'ajouter plusieurs à votre md-sélectionnez.

    Codepen pour la solution de travail: http://codepen.io/ansgar-john/pen/RWPVEO?editors=101

    HTML

    <div>
  <md-input-container>
    <md-select multiple ng-model="ctrl.likedAnimals" placeholder="please select">
      <md-option ng-repeat="a in ctrl.animals" value="{{a}}">{{a}}</md-option>
    </md-select>
  </md-input-container>
</div>

    JS

    (function () {
  'use strict';
  angular
      .module('MyApp')
      .controller('AppCtrl', function($scope) {
        this.likedAnimals = ["mouse", "dog"];
        this.animals = ["mouse", "dog", "cat", "bird"];
  });
})();

    Code basé sur un Débordement de Pile réponse: Comment suis-je censé mettre en œuvre de multiples sélectionnez l'option dans angulaires-le matériel?

    • Cela fonctionne, Mais comment est possible d'empiler les éléments sélectionnés les uns sur les autres et de ne pas inline comme sur l'exemple et de supprimer les virgules?
    • Id-il possible d'ajouter une image dans la sélection des options?
    • est-il possible d'ajouter tout sélectionner dans la zone de liste déroulante??
    InformationsquelleAutor Ansgar
  2. 7

    Vous pouvez regarder les docs de la directive ici.

    Attributs

    multiples (facultatif): boolean - Si elle est multiple.

    <md-select ng-model="someModel" placeholder="Select a state" multiple="true">
    <md-option ng-value="opt" ng-repeat="opt in neighborhoods2">{{ opt }}</md-option>
</md-select>

    Si cela ne fonctionne pas, j'ai entendu dire que md-multiple pourrait fonctionner, mais que les docs ne sont tout simplement pas encore été mis à jour. Je n'ai pas été en mesure de vérifier ce moment.

    • cela ne fonctionne pas 🙁
    • Je crois que la sélection multiple a été désactivé. Je pense qu'ils veulent que les gens d'utiliser des Puces pour de multiples sélectionnez. L'histoire ici est encore en évolution.
    • J'espère que non, les frites, c'est moche comme diable et ne rentre pas dans le look et la sensation d'un formulaire avec d'autres contrôles de sélection.
    InformationsquelleAutor Splaktar
  3. 4

    Découvrez jetons

    Vous pouvez appliquer votre propre modèle personnalisé ainsi.

    • Quiconque est à la recherche pour le multi-sélectionnez avec ajout de l'option, c'est la réponse!
    InformationsquelleAutor Joe
  4. 0

    J'ai utilisé pour me permettre d'utiliser une ng-repeat avec quelques md-sélectionnez qui ont été multiples, et d'autres qui n'étaient pas (comme Angulaire 1.4.7):

    index.html

    <md-input-container ng-repeat="item in items track by $index">
        <label>{{item.title}}</label>
            <div ng-include="item.multiselect == 'true' ? 'm_selectfragment.html' : 's_selectfragment.html'"></div>
   </md-input-container>

    Javascript

    $scope.items = 
        [{title: 'funny',
        selected: '', 
        names: [
            {name: 'some name'}, 
            {name: 'other name'},
            {name: 'more?'}, 
            {name: 'say wha???'}             
            ],
         multiselect: "false"   
        }, 
        {title: 'serious', 
        selected: '', 
        names: [
           {name: 'Obama'},
        {name: 'Trump'},
        {name: 'Hillary'},
        {name: 'Putin'}               
            ],
         multiselect: "true"   
        }];

    m_selectfragment.html

    <md-select name="item.title" ng-model="item.selected" multiple="true">
<md-option ng-repeat="name in item.names" value="{{name.name}}">{{name.name}}
</md-option>

    s_selectfragment.html

    <md-select name="item.title" ng-model="item.selected">
<md-option ng-repeat="name in item.names" value="{{name.name}}">{{name.name}}
</md-option>

    InformationsquelleAutor Helzgate