JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='MyModule' ng-controller='MyController'>
    <p>travelerTotal = {{travelerTotal}}</p>
    <p>totalAges = {{totalAges}}</p>
</div>

JavaScript

angular.module('MyModule', [])

.controller( 'MyController', function($scope){

    $scope.traveler = [
        {  description: 'Senior', Amount: 50},
        {  description: 'Senior', Amount: 50},
        {  description: 'Adult', Amount: 75},
        {  description: 'Child', Amount: 35},
        {  description: 'Infant', Amount: 25 }
    ];    
    
    $scope.people = [
			[
				{"AgeQualifyingCode":10,"Count":2},
				{"AgeQualifyingCode":8,"Count":1, "Age":3},
				{"AgeQualifyingCode":8,"Count":1, "Age":8}
			],
			[
				{"AgeQualifyingCode":10,"Count":1},
				{"AgeQualifyingCode":8,"Count":1, "Age":2},
				{"AgeQualifyingCode":8,"Count":1, "Age":5}
			]
		];   
    
    $scope.sum = function(items, prop){
        return items.reduce( function(a, b){
            return a + b[prop];
        }, 0);
    };

    $scope.travelerTotal = $scope.people.map(p => p.filter(f => 10 === f.AgeQualifyingCode));   
    $scope.totalAges = $scope.sum($scope.people, 'Age');
});