How to display text from object array in angular

Question

Seems like it'd be pretty straight forward but I am not able to get my text to display

In my HTML I have <td>{{cabinetDetails.cabinetType}}</td> and my data source is $scope.cabinetDetails = [{cabinetType: 'panel'}];

Nothing is displaying in my HTML. I've also tried: $scope.cabinetDetails = [{'cabinetType': 'panel'}];

Any ideas?

Alex · Accepted Answer · 2013-08-09 19:00:44Z

3

It would appear you have made an array of objects, so I think the code that would currently work is either:

<td>{{cabinetDetails[0].cabinetType}}</td>

Or replace

$scope.cabinetDetails = [{cabinetType: 'panel'}];

with

$scope.cabinetDetails = {cabinetType: 'panel'};

answered Aug 9, 2013 at 19:00

Alex

2,4054 gold badges24 silver badges36 bronze badges

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

3 Comments

Ahh duh. Ok I spaced on that. I'm going to do that last snippet. I'll accept you answer in 10 minutes

Good choice, because unless you plan on adding more objects to that array in the future, just use a plain object.

I definitely plan on adding more so that would be the wiser choice.