J'ai une répétition angulaire NG-répéter comme ci-dessous, Ceci créera une sortie comme ci-dessous, mais j'ai besoin de répéter Ceci Les besoins de sortie tels que est-il possible de faire avec ceci à l'aide de 4 Réponses : Créer une directive: Comme mentionné dans le commentaire, si vous voulez que votre ligne ait répété avec chaque élément dans Son vous devez décider si vous souhaitez coder le codage du disque intérieur où
Comment puis-je montrer des données? Je ne veux pas créer d'éléments avec des données factices
Quel genre de données avez-vous? J'utilise les valeurs suivantes pour MyData à Plunkr.
$ portée.mydata = [{valeur: 'Hello'}, {Valeur: 'Hello1'}, {Valeur: 'Hello2'}, {Valeur: 'h ello3'}]; Puis bonjour - Bonjour1 Suivante rangée Bonjour2-Hello3 etc.
@Shijin: est Ce Ce que vous cherchez? Ainsi, vous avez maintenant deux réponses qui répondent correctement à votre question et produiront les résultats que vous avez demandés, mais je voulais vous donner des conseils (bien que non sollicité) sur votre structure de bootstrap.
En bootstrap, il est parfaitement acceptable pour pas répéter vos lignes pour chaque unité de grille. En fait, si vous souhaitez utiliser plusieurs classes de colonne réactives, telles que l'utilisation de Col-LG-4 et Col-MD-6 pour produire 3 colonnes sur de grands fenêtres de vue et 2 sur des fenêtres de fenêtre moyenne, vous ne pouvez pas insérer des lignes entre votre contenu répété.
Étant donné que les classes de Col utilisent du flotteur et des pourcentages, vous n'avez pas à vous soucier de "terminer" la ligne. Les éléments vont simplement flotter à côté des autres jusqu'à 12 unités de grille, puis commencer une nouvelle "rangée" naturelle "". C'est ainsi que fonctionne la grille réactive de Bootstrap.
Vous devez utiliser des lignes à deux fins:
Ce que je dis, c'est que votre structure de répétition NG initiale était meilleure et vous fournira un résultat plus flexible. oui ng-répéter est possible de le faire. Voici exemple de code de mon projet J'espère que cela aiderait aussi contenant deux
dans chaque ligne.
ng-répéter ?
4 commentaires
0
votes
<div data-my-rows><div>
0 commentaires
4
votes
myData code>, vous devez mettre ng-répéter code> sur le code> qui contient une ligne. code> comme ceci: p> myData code> est une matrice de JSON avec la structure suivante: P> <div class="row" ng-repeat="data in mydata">
<div ng-if="$even">
<div class="col-xs-6" > {{mydata[$index].value}} </div>
<div class="col-xs-6" > {{mydata[$index + 1].value}} </div>
</div>
</div>
4 commentaires
$ Porce.MyData = [{Index: 0, Valeur: 'Hello'}, {Index: 1, Valeur: 'Hello1'}, {Index: 2, V ALLE: 'HELLO2'}] . Pouvez-vous donner la structure de myData (si possible, avec 1-2 éléments)?
0
votes
0 commentaires
0
votes
0 commentaires
Son évident que si vous voulez que votre
ligne puisse répéter avec chaque élément dansmyData , vous devez mettreng-répéter sur le contenant
ligne . Choix d'écriture L'interne est à vous (météo à la météo à l'encoche ou utilisez un autre
ng-répéter ). S'il vous plaît mentionnez une structure complète demyData et votre façon de l'afficher
myData contient de grandes données,
@Patrick est ma question n'est pas claire?
@Patrick toutes les réponses sont similaires, et c'était la réponse que je m'attendais. Je passe une journée complète pour cela