how to display an array in angular js

Question

i have a function that gets me data as follows

function Model(){
self.DataArray=[];
    self.GetDepartmentData = function () {
        var params = { shiftsBackward: self.ShiftsBackwardToDisplay, shiftsForward: 1, departmentId:department};
        console.log(params);
         Ajax.Get({
             url: DATA,

            params: params,
            success: function (data) {
                self.DataArray = data[0];

            }

        });
    }
    }

which gets me the output i require as following

Object {data: Array[1]}
data: Array[1]
0: Object
department: "1"
ShiftName: "Day"
Total: 61

how ever when im trying to bind it to the default.aspx page its not showing me anything.i did link the controller to the page

<div ng-controller="controllerData">

       <div ng-model="model.DataArray">

           {{model.department}} 
            {{model.total}}

       </div>

Instead of model.DataArray can you try controllerData.DataArray. And for displaying try controllerData.DataArray.department — ImCoder
– ImCoder, Commented Feb 24, 2016 at 6:50
tried that now,it still doesnt display anything.its not even given an error so i cant figure out whats going wrong — doe
– doe, Commented Feb 24, 2016 at 6:54
Can your try self.DataArray = data; and for displaying try ng-repeat just for a testing purpose. <div ng-repeat="obj in controllerData.DataArray "> obj.department </div>. Do declare var obj; — ImCoder
– ImCoder, Commented Feb 24, 2016 at 6:59
if you can create a jsFiddle for this, I will fix it for sure — MozenRath
– MozenRath, Commented Feb 24, 2016 at 6:59
try directly like department and total else, as Imcoder pointed out, use ng-repeat for test purpose — Govind
– Govind, Commented Feb 24, 2016 at 7:19

Hassan Tariq · Accepted Answer · 2016-02-24 07:24:49Z

4

In Order to get Array you should use ng-repeat

   <div ng-repeat="dataarr in DataArray">

      <span> {{dataarr.department}} </span>
      <span> {{dataarr.total}} </span>


   </div>

answered Feb 24, 2016 at 7:24

Hassan Tariq

7407 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hassan Tariq Over a year ago

Did you try this answer?

Collectives™ on Stack Overflow

how to display an array in angular js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related