Comment définir la première option par défaut dans une zone de sélection Angular.js ?

Angular.js : définition d'une option par défaut dans la zone de sélection

Lors de l'utilisation de dans Angular.js, il peut être utile de sélectionner une option par défaut lors du chargement de la page. Cependant, le comportement standard sélectionne une option vide représentée par la valeur "?".

Question

Comment pouvons-nous définir la première option des données comme valeur par défaut , ce qui donne une sortie comme ceci :

<select>
    <option value="0" selected="selected">Something Cool</option>
    <option value="1">Something Else</option>
</select>

Réponse

Angular.js fournit un moyen simple d'y parvenir en utilisant la directive ng-init :

<select ng-init="somethingHere = options[0]"
        ng-model="somethingHere"
        ng-options="option.name for option in options">
</select>

Dans ce code, ng-init est utilisé pour initialiser le modèle SomethingHere au premier élément du tableau d'options. Cela garantit que la première option est sélectionnée par défaut.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

angular Array select using JS default this

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Pourquoi l'utilisation de Backticks avec `console.log` produit-elle une sortie `[\"1\", raw : Array[1]]` dans Google Chrome ?Article suivant：Pourquoi l'utilisation de Backticks avec `console.log` produit-elle une sortie `[\"1\", raw : Array[1]]` dans Google Chrome ?

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript

Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nousClause de non-responsabilitéSitemap

© php.cn All rights reserved