comment rendre les options à l'intérieur de la boîte de sélection angulaire

Vishnu

Comment rendre les valeurs dans la liste déroulante (options de la boîte de sélection). J'ai besoin d'afficher les noms «en- tête » et « pied de page » dans la boîte de sélection.

$scope.sections = [
   {
      "header":{
         "background-color":"#fff",
         "color":"#fff"
      },
      "footer":{
         "background-color":"#fff",
         "color":"#fff"
      }
   }
];

J'ai essayé de la manière suivante mais ne fonctionne pas,

<select name="section" class="form-control" ng-model ="section">
   <option ng:repeat="options[0] in sections">
        {{options[0]}}
  </option>
</select>
Ehtesham

Vous devez parcourir des clés plutôt que des valeurs.

<option ng-repeat="(option, val) in sections[0]">
    {{option}}
</option>

Ou avec ng-options

ng-options="option for (option, val) in sections[0]"

voir le plunker http://plnkr.co/edit/FQEooL5wNh8Xl8GprT99?p=preview

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

Comment cliquer sur les options de la boîte de sélection à l'aide de PhantomJS

Comment utiliser ng-model dans la boîte de sélection ou à l'intérieur des options dans angularjs?

Comment rendre plusieurs options dynamiques dans la boîte de sélection dans React d'Axios

comment rendre backgroundImage entièrement affiché à l'intérieur de la boîte

Comment utiliser la boîte de sélection à l'extérieur pour filtrer les tables de données?

Comment afficher l'erreur md dans la boîte de sélection de matériau dans angulaire 2?

Minuterie à l'intérieur de la boîte de dialogue Mat en matériau angulaire

mettre à jour les options de la deuxième boîte de sélection en fonction des premières options de la boîte de sélection

Comment puis-je sélectionner toutes les options de la boîte de sélection à sélection multiple en un clic?

Comment rendre les balises de matériau angulaires à partir de la réponse JSON à l'intérieur d'un composant angulaire?

Rendre la boîte de sélection non cliquable

Comment désactiver toutes les options de la deuxième boîte de sélection qui peuvent être inférieures à la première option sélectionnée de la boîte de sélection?

Ne pas afficher les options dans la boîte de sélection après les options maximales à l'aide de jquery

Comment obtenir la valeur d'attribut à partir des options de la boîte de sélection

Comment afficher les étiquettes de données de série à l'intérieur de la pyramide Highchart en angulaire

Options de la boîte de sélection de l'administrateur Django à partir du modèle

Comment puis-je supprimer la boîte de sélection du menu du tapis angulaire?

Impossible d'enregistrer les options de la boîte de sélection dans Laravel 5.1

Sélectionnez l'élément dans la boîte de sélection angulaire à l'aide de sélénium

Ajout d'options dans la boîte de sélection à l'aide de jquery

Comment rendre un lien de routeur angulaire à l'intérieur de la cellule d'un ag-Grid?

Comment rendre la requête de sélection plus efficace à l'aide de la jointure interne

charger les options d'une boîte de sélection dynamiquement en fonction de la valeur d'une autre boîte de sélection dans react

je dois donner les détails de l'état et du district dans la même boîte de sélection avec ngFor angulaire 5

Pourquoi la boîte de dialogue modale Matériau angulaire se développe s'il y a du texte à l'intérieur de la plage?

Bootstrap - Comment afficher la boîte modale à l'aide de l'option de sélection?

Comment contrôler les choix de la boîte de sélection dans Vuetify.js?

Comment changer les noms de texte dans la boîte de sélection sans changer la sélection?

Comment sélectionner les options de la boîte de réception des données de l'attribut data-max à l'attribut inputbox max

TOP liste

  1. 1

    Filtrer le dataframe basé sur plusieurs colonnes d'un autre dataframe

  2. 2

    Laravel SQLSTATE [HY000] [1049] Base de données inconnue 'previous_db_name'

  3. 3

    Enregistrer le chemin de l'image de la galerie vers la base de données de la salle et l'afficher dans la liste des recycleurs

  4. 4

    Comment afficher du texte au milieu de div avec une couleur d'arrière-plan différente?

  5. 5

    Microsoft.WebApplication.targets

  6. 6

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  7. 7

    Échec de l'exécution de 'insertBefore' sur 'Node': le paramètre 1 n'est pas de type 'Node'

  8. 8

    Empêcher l'allocation de mémoire dans la génération de combinaison récursive

  9. 9

    Comment analyser un fichier avec un tableau d'objets JSON en utilisant Node.js?

  10. 10

    comment afficher un bouton au-dessus d'un autre élément ?

  11. 11

    Comment centrer un div tout en utilisant la transition et transformer avec l'échelle

  12. 12

    Filtrer les données en fonction des conditions d'une trame de données

  13. 13

    ESP8266 HADRWARE MINUTERIE, USA pour cocher une macro étrange

  14. 14

    Comment définir du texte dans un QLabel et afficher les caractères '<>'?

  15. 15

    System.Data.SqlClient.SqlException: 'Nom de colonne non valide' ApplicationRoleId '.'

  16. 16

    Pourquoi Phantomjs ne fonctionne pas avec ce site ?

  17. 17

    Stop jQuery execution after one time execution

  18. 18

    Concaténer des variables dans ansible

  19. 19

    Comment calculer la probabilité du graphique de densité?

  20. 20

    php ajouter et fusionner des données de deux tables

  21. 21

    Redirection HTTP vers HTTPS dans Java à l'aide de HTTPURLConnection

chaudétiquette

Archive