Angularjs / REST api - call api to display obj data based on another object in selector

I am working on a SPA website to display softball stats for the softball teams I manage. This specific questions is related to using angularjs to display the results of an api call, where the api call is based on what is selected in a selector.

The two models I am working with:

public class Team
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string WeekNight { get; set; }
    public int? Year { get; set; }

    public int ManagerId { get; set; }
    public int LeagueId { get; set; }

    public virtual Manager Manager { get; set; }
    public virtual League League { get; set; }
    public virtual ICollection<Game> Games { get; set; }
    public virtual ICollection<Player> Players { get; set; }
    public virtual ICollection<Award> Awards { get; set; }
}

public class Award
{
    public int Id { get; set; }
    public int AwardTypeId { get; set; }
    public int PlayerId { get; set; }
    public int TeamId { get; set; }

    public virtual AwardType AwardType { get; set; }
    public virtual Player Player { get; set; }
    public virtual Team Team { get; set; }

}

In part of my view I have the following which creates a selector and populates it with all of my teams:

var teamService = angular.module('teamService', ['ngResource']);

teamService.factory('Team', ['$resource',

  function($resource) {
    return $resource('api/v1/teams/:teamId', {}, {
      query: {
        method: 'GET',
        params: {
          teamId: '@teamId'
        },
        isArray: true
      },
      post: {
        method: 'POST'
      },
      update: {
        method: 'PUT',
        params: {
          teamId: '@teamId'
        }
      },
      remove: {
        method: 'DELETE'
      }
    });
  }
]);;


var teamController = angular.module('teamController', []);

teamController.controller('teamListController', ['$scope', 'Team',
  function($scope, Team) {
    $scope.teams = Team.query();
  }
]);

<div class="col-md-12">
  <div class="award-team-select col-md-offset-4 col-md-4">
    <select class="form-control" ng-controller="teamListController">
      <option ng-repeat="t in teams">{{t.year}} - {{t.name}} ({{t.weekNight}}'s)</option>
    </select>
  </div>
</div>

Connected to my webAPI this works correctly and will return something like:

2015 - SomeTeamName (Monday's)

Cool. Now underneath that I want to display the awards for that selected team. I have a working url created as such:

config.Routes.MapHttpRoute(
            name: "TeamAwards",
            routeTemplate: "api/v1/teams/{id}/awards/{awardId}",
            defaults: new { controller = "award", awardId = RouteParameter.Optional }
        );

Using Googles Advanced Rest Cient I can get the awards for a specific team... and here is where I am struggling. Underneath the selector I have some pretty formatted divs to display the awards. I want to show the awards for the team in the selector.

I tried adding another function to my factory that calls the "api/v1/teams/{id}/awards/{awardId}" url but I am not sure how to get the teamId from the selector linked into the new factory function. I was then going to make a 'teamAwardController' that gets the data from the factory to be displayed in the divs below the selector.

In short I want to be able to display awards, where awards.teamId == the Id of the team in the selector.

Any advice would be awesome. Thanks!

Adding an edit:

So based on current feed back I am also taking a stab at accessing the child awards in the TeamController. So if I have:

 <div ng-controller="teamController">
   <div class="col-md-12">
     <div class="award-team-select col-md-offset-4 col-md-4">
       <select class="form-control">
         <option ng-repeat="t in teams">{{t.year}} - {{t.name}} ({{t.weekNight}}'s) </option>
       </select>
     </div>
   </div>

  <div class="col-md-4 col-sm-6 col-xs-12">
      // awards to go here
  </div>

</div>  // end teamController div

... I tried using ng-model="teams" up in the teamController and then ng-bind="teams" in the awards section as well as trying {{teams.awards}} but no dice. Am I way off here?