Calling $http.get method from view with angularjs

i am trying to call a $http.get method to load contents of page (which is a list of email addresses).

When my page loads, it continuously calling the http.get method, while i want to call it just once to load the email address and then store it in scope variable.

My view code is

<h2>Members</h2>

<!--<div>{{getTeamMembers()}}</div>-->
<div ng-repeat="member in teamParticipants">
   <span> </span> <span>{{member}}</span>
</div>

My controller class is

Controllers.controller('FixedTeamController', function ($scope,$http,$location) {

$scope.addTeam = function() {
    $http.post('team', $scope.team).
    success(function(fixedTeam, status, headers, config) {
          //succcess
    }).
    error(function(fixedTeam, status, headers, config){
        console.debug("error");
    });
};

$scope.getTeamMembers = function(){

var teamUId = "12541254";

$http({method: 'GET', url: 'team/'+teamUId}).
success(function(data, status, headers, config) {
      var members = [];
      $(data.listOfMembers).each(function(id,partcipantEmail){
          $http({method: 'GET', url: 'users?email='+partcipantEmail}).
          success(function(participant, status, headers, config) {
              members.push("new member");
          })
      });
      $scope.teamParticipants = members;
}).
error(function(data, status, headers, config) {
      console.debug("error");
});

};

});

Code works fine, but it is calling the getTeamMembers() function continuously, so my question is that what should i do to call the function just once.

Edit :: Added other method "addTeam" which is use to add new team members (it uses different view). By calling the function from inside controller partially solved the problem, but when now as i load the addTeam view, $scope.getFixedTeam() function also called, i don't want to call this function. How can i do that ? Regards,