離子，角度，拆分結果和顯示在行項目

我正在學習離子角度。我可以從我的數據服務中獲得結果。但是，我想分開結果並單獨顯示。離子，角度，拆分結果和顯示在行項目

例如，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>

來源

2015-09-07 Jsmidt

我知道你已經找到了一個解決方案，允許你拆分這個字符串，但你可能會考慮設計你的數據服務來返回JSON而不是逗號分隔值; JSON對API來說更加標準，並且更靈活。 – Claies

我的數據看起來像這樣，我需要顯示不同的行中的所有顏色。 {「employees」：{「firstName」：「John」，「lastName」：「Doe」，「color」：「white，yellow」}， {「firstName」：「Anna」，「lastName」：「史密斯」，「顏色」：「白色，藍色」} ]} – Jsmidt

如果您正在尋找分裂的值，用下面的例子你應該用納克重複

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

輸出..從http://www.w3schools.com/angular/tryit.asp?filename=try_ng_repeat_array

提供

Looping with ng-repeat: 

Jani 
Hege 
Kai

例

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

來源

2015-09-07 02:13:06 seus

嗨。感謝您的答覆。如果我的數據是數組格式，這將工作。但我的數據現在是字符串。「A，B，C，d，E，F」。我如何分割並將其作爲數組傳遞給ng_repeat？ – Jsmidt

謝謝。修斯。得到它了。 – Jsmidt

謝謝你的回覆。我在ng-repeat上做了更多的搜索。以下有助於根據您的建議解決問題。

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

分裂數據的另一篇文章也在這裏找到。

Split for ng repeat item?

感謝。

來源

2015-09-07 02:48:55 Jsmidt

離子，角度，拆分結果和顯示在行項目

回答

相關問題