angularjs + jquery : How to access array element within array in Foreach Loop?

Question

I have an object Array 'Vacations'

$scope.Vacations = [{Id:'1' ,VacationType = {TypeId='1' ,TypeName = 'test'}}];

it contain other object Array 'VacationType' with one set only

I want to extract TypeId

I Did somthing like this :

$scope.selectedVacationType = [];
$scope.TypeTd;

$scope.selectedVacationType=Vacations.VacationType;
$scope.TypeTd;= $scope.selectedVacationType[0].Id;

But this is not working

What can be done ?

Maxim Shoustin · Accepted Answer · 2013-10-12 15:25:51Z

1

Use $scope.selectedVacationType=Vacations[0].VacationType;

The Vacations represents list of items [...]

BTW, your model is wrong, remove = and replace with :

 $scope.Vacations = [{
        Id: '1',
        VacationType : {
           TypeId : '1',
           TypeName : 'test'
        }
    }];

HTML

selectedVacationType: <pre>{{selectedVacationType|json}}</pre>
TypeTd:               <pre>{{TypeTd|json}}</pre>
TypeName:             <pre>{{TypeName|json}}</pre>

controller

    $scope.Vacations = [{
    Id: '1',
    VacationType : {
    TypeId : '1',
        TypeName : 'test'
    }
}];

$scope.selectedVacationType = $scope.Vacations[0].VacationType;
$scope.TypeTd = $scope.selectedVacationType.TypeId;
$scope.TypeName = $scope.selectedVacationType.TypeName;

Demo Fiddle

edited Oct 12, 2013 at 15:25

answered Oct 12, 2013 at 15:19

Maxim Shoustin

78k29 gold badges212 silver badges229 bronze badges

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

Collectives™ on Stack Overflow

angularjs + jquery : How to access array element within array in Foreach Loop?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related