ng-repeat a single element over nested objects

Question

Say I have an object with keys corresponding to products and values corresponding to objects which in turn have keys corresponding to price points at which those products ha

Answer 1

Just transform your object to an array... it's pretty easy in JS. Something like:

$scope.data = { 'widget': { '1': 10, '2': 5 } };

var tableData = [];
for (item in $scope.data) {
    var thing = item;
    for (subitem in $scope.data[thing]) {
        tableData.push({
            thing: thing,
            price: subitem,
            amount: $scope.data[thing][subitem]
        });
    }
}

I've created a jsfiddle with this example: http://jsfiddle.net/b7TYf/