how to loop over JSON array in angular

Question

I have a JSON array in my CI view like

<?php $columns = [".","Product Name","Subtracking","Sale Amount","Merchant Sale Amount","AN","Advertiser Name"," Date "]?>

I want to set these as my ng-grid header I have tried the following but did not work for me

$scope.gridOptions = {
            data: 'myData',
            columnDefs: <?php echo $columns?>
        };

Answer 1

If you have an array, use this syntax for looping over it

<div ng-repeat="col in gridOptions.columnDefs">{{col}}</div>

for more info read this https://docs.angularjs.org/api/ng/directive/ngRepeat

Edit: Is this what you want http://plnkr.co/edit/LIAqMq4TEz9xOCUGPAUs?p=preview

Answer 2

you might want to do something like this:

$scope.gridOptions = {
            data: 'myData',
            columnDefs: <?php echo json_encode($columns) ?>
        };

Just to ensure that you're actually passing valid JSON to the JS file. Hope that helps.