Définir la valeur par défaut de sélection à null

Selon la Angulaire de la documentation, vous pouvez créer une valeur null option qui n'est pas partie de votre modèle. Cela vous permet d'avoir une description de l'option. I. E. dans leur exemple, ils ont -- choose color --. Comment puis-je faire le nul de l'option l'option par défaut? Je veux que l'utilisateur puisse voir ce descriptif null, quand ils ont d'abord charger la page.

Des points de Bonus si vous pouvez aussi me dire comment faire le null être désactivé via angulaire.

InformationsquelleAutor David says Reinstate Monica | 2014-10-02
  1. 6

    La valeur est définie sur null automatiquement.
    Mais si vous recevez des données de REPOS pour exaple et il sera réglé à une certaine valeur, vous pouvez ajouter ng-init à votre select tag.
    Et pour désactiver null, après la sélection d'une certaine valeur, vous devez ajouter ng-disabled à votre option tag.

    <select ng-model="model" ng-options="item for item in items" ng-init="model = null">
  <option value="" ng-disabled="!!model">--Select option--</option>
</select>

    Et dans le contrôleur:

    .controller('MainCtrl', function($scope) {
  $scope.model = 'First';
  $scope.items = ['First', 'Second', 'Third'];
});

    Démo: http://plnkr.co/edit/esoX26I9bESE59yneOvv

    • comme expliqué dans stackoverflow.com/questions/18722783/... la ng-désactivé attribut n'est pas toujours une option solide...n'a pas de travail dans ma plus complexe implémentations...l'idéal, mais buggy
    • Je pense que vous pouvez retirer si ng-init si vous supprimez également $scope.model = 'First'. De cette façon model la valeur par défaut est null.
    • Si vous utilisez select avec des promesses, et le modèle est une partie des données que vous recevez de service - après la réponse viendra de la valeur ne sera pas mis à null si les données sont pas null. Donc dans ce cas ng-init wll être utiles pour définir le modèle de la valeur à null si elle n'est pas null avant d'initialiser select. Voici une démo pour ce cas: plnkr.co/modifier/MtDwvq7RyitpnxBRn6Br
    • par des liens à partir de l'une des réponses, j'ai vu que le problème, c'est quand vous voulez désactiver certaines options de options de ce qui n'est pas null. Pour le problème décrit dans cette question, il suffit d'utiliser ng-disabled et je propose natif angular décision sans l'extension de code par la directive qui n'est pas nécessaire dans cette question.
    InformationsquelleAutor ababashka
  2. 2

    Suffit d'utiliser la ng-si de le supprimer complètement une fois qu'ils ont une sélection. La meilleure option à partir de mon expérience.

    <select name="objectSelector"
    ng-model="selectedObject"
    ng-options="obj for obj in Objects" required>
    <option value="" ng-if="!selectedObject">--- Select Object ---</option>
</select>

    Si vous avez vraiment, vraiment doit montrer l' '--- Sélectionner un Objet - - - " une fois que le choix a déjà été fait, alors vous pouvez insérer un second 

    <option value="" ng-if="!!selectedObject" disabled>--- Select Object ---</option>

    Ensuite l'option visible affiche en conséquence...n'ai pas trouvé un moyen simple de définir des "personnes handicapées" de façon dynamique.

    • Je n'ai pas eu la chance de l'essayer encore, mais ne serait-ce pas de ne pas définir la valeur par défaut pour --selected object--? Aussi, je ne veux pas l'enlever au bout de leur choix; je veux juste qu'il soit désactivé.
    • eh bien, si selectedObject sont nulles, alors ce serait l'option d'affichage...alors tous les autres objets permettrait de voir après
    • Édité réponse avec une autre option pour les désactiver
    • Ahh, je vois. J'avais déjà initialisé mon ng-model, je n'ai pas réaliser que vous pourriez le laisser comme null. Donc, ce que je veux, c'est effectivement d'avoir juste un régulier option par défaut, et pour initialiser pas mon modèle. Maintenant j'ai juste besoin de comprendre comment faire de l'option par défaut désactivé...
    • dans les Objets" ce code ne fonctionnera pas. Attendu expression pour ng-options est item for item in items
    • ouais ouais...se précipiter à la mise à jour...

    InformationsquelleAutor beauXjames