2015-09-07 4 views
0

J'apprends l'ionique avec angulaire. Je peux obtenir le résultat de mon service de données. Cependant, je veux diviser le résultat et l'afficher séparément.ionique, angulaire, résultat fractionné et affichage au poste

Par exemple, data.record renvoie la chaîne «a, b, c, d, e, f, g». Maintenant, je voulais le diviser afin qu'il puisse afficher a, b, c et ainsi de suite dans un élément de campagne différent. Comment je fais ça ?

<ion-view view-title="DataItem"> 
     <ion-header-bar align-title="center" class="bar-positive"> 
     </ion-header-bar> 
     <ion-content ng-controller="DataCtrl"> 
     {{data.record}} 
     </ion-content> 
    </ion-view> 
+0

Je sais que vous avez trouvé une solution qui vous permet de fractionner cette chaîne, mais vous pourriez envisager de concevoir votre service de données pour renvoyer des valeurs JSON plutôt que des valeurs séparées par des virgules; JSON est beaucoup plus standard pour les API et est beaucoup plus flexible pour travailler avec. – Claies

+0

Mes données ressemblent à ceci et j'ai besoin d'afficher toutes les couleurs dans une ligne différente. {"employees": [ {"firstName": "John", "lastName": "Biche", "couleur": "blanc, jaune"}, {"firstName": "Anna", "lastName" : "Smith", "couleur": "blanc, bleu"}, {"firstName": "Peter", "lastName": "Jones", "couleur": "rouge, vert"} ]} – Jsmidt

Répondre

0

Vous devez utiliser ng répétition

<!DOCTYPE html> 
<html> 
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
<body> 

<div data-ng-app="" data-ng-init="names=['Jani','Hege','Kai']"> 
    <p>Looping with ng-repeat:</p> 
    <ul> 
    <li data-ng-repeat="x in names"> 
     {{ x }} 
    </li> 
    </ul> 
</div> 

</body> 
</html> 

sortie ..

Looping with ng-repeat: 

Jani 
Hege 
Kai 

Exemple fourni par http://www.w3schools.com/angular/tryit.asp?filename=try_ng_repeat_array

Si vous êtes à la recherche de diviser les valeurs utilisent l'exemple suivant

$scope.mySplit = function(string, nb) { 
    $scope.array = string.split(','); 
    return $scope.result = $scope.array[nb]; 
} 
+0

Hi. Merci pour la réponse. Cela fonctionnera si mes données sont dans un format de tableau. Mais mes données sont en chaîne maintenant. "a B c d e F". Comment est-ce que je divise cela et le passe à ng_repeat en tant que tableau? – Jsmidt

+0

Merci. Seus. Je l'ai. – Jsmidt

0

Merci pour la réponse. J'ai fait plus de recherche sur le ng-repeat. L'aide ci-dessous pour résoudre la réponse en fonction de votre recommandation.

<div ng-repeat="item in somedata.split(',')">{{item}}</div> 

Un autre article sur la division des données se trouve également ici.

Split for ng repeat item?

Merci.