I want to write the following to my db that has a field 'items':
$scope.variable = [[1,2],[3,4]];
value of items = 1,2,3,4 instead of [1,2],[3,4]
When I write it as angular.toJson($scope.variable) it does get separated, but how do I ng-repeat it as 1,2 and 3,4 instead of [[1,2],[3,4]]
This doesn't work :
<tr ng-repeat="x in dbValues"><td>{{x.items}}</td></tr>
For getting populated two dimentional array on html you need to do ng-repeat twice
HTML
<tr ng-repeat="item in data track by $index">
<td ng-repeat="subItem in item">{{subItem}}</td>
</tr>
Working Plunkr here
Update
For json like { "_id" : ObjectId("550ec51fd8b9bff112000006"), "items" : "[[\"a\"],[\"a\",\"b\"]]", "__v" : 0 }
You need items array from it, and inside that items are contained in dimentional array, basically you need to flatten that array. And it can be easily possible using angular custom filter
Filter
.filter('flattenarray', function(){
return function(valuesString){
var jsonValues = angular.fromJson(valuesString), returnValue = [];
angular.forEach(jsonValues, function(value, index){
angular.forEach(value, function(v, i){
returnValue.push(v);
});
});
return returnValue;
}
});
Then use this filter on markup to flatten items object
Markup
<tr ng-repeat="item in data track by $index">
<td ng-repeat="subItem in item.items | flattenarray track by $index">{{subItem}}</td>
</tr>
<tr ng-repeat="x in dbValue track by $index"><td><span ng-repeat="content in x.items track by $index">{{content}}</span></td></tr>
x(each object) contains items object? I think x.items should be only x, your code should be <tr ng-repeat="x in dbValue track by $index"><td><span ng-repeat="content in x track by $index">{{content}}</span></td></tr>
{{x.items}}, it would be{{x}}only