2015-09-07 3 views
0

Я изучаю ионный с угловым. Я могу получить результат от моего dataservice. Однако я хочу разделить результат и отобразить отдельно.ионный, угловой, сплит-результат и отображение в строке

Например, data.record возвращает строку «a, b, c, d, e, f, g». Теперь я хотел разбить его так, чтобы он мог отображать a, b, c и т. Д. В другой позиции. Как мне это сделать ?

<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

Я знаю, что вы нашли решение, позволяющее разбить эту строку, но вы можете рассмотреть возможность создания службы данных для возвращения значений JSON вместо значений, разделенных запятой; JSON является гораздо более стандартным для API-интерфейсов и гораздо более гибким для работы. – Claies

+0

Мои данные выглядят так, и мне нужно отображать все цвета в другой строке. {"employees": [ {"firstName": "John", "lastName": "Doe", "color": "white, yellow"}, {"firstName": "Anna", "lastName" : «Смит», «цвет»: «белый, синий»}, {«firstName»: «Peter», «lastName»: «Jones», «color»: «red, green»} ]} – Jsmidt

ответ

0

Вы должны использовать нг-повтор

<!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> 

выход ..

Looping with ng-repeat: 

Jani 
Hege 
Kai 

Пример предоставлен из http://www.w3schools.com/angular/tryit.asp?filename=try_ng_repeat_array

Если вы хотите, чтобы разделить значения использовать следующий пример

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

Привет. Спасибо за ваш ответ. Это будет работать, если мои данные находятся в формате массива. Но мои данные сейчас в строке. «А, б, в, г, д, е». Как мне разделить это и передать его ng_repeat как массив? – Jsmidt

+0

Спасибо. Seus. Понял. – Jsmidt

0

Благодарим за ответ. Я сделал больше поиска на ng-repeat. Ниже приведена помощь в разрешении ответа на основе вашей рекомендации.

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

Другое сообщение о разделении данных также найдено здесь.

Split for ng repeat item?

Спасибо.

 Смежные вопросы

  • Нет связанных вопросов^_^