Значение области не определено в $ модальной всплывающей функции как объект

У меня есть сценарий, в котором я использую всплывающее окно $ uibModal для добавления новой записи, где я передаю объект области действия в функцию, чтобы сохранить его, но я получаю результат как 'undefined', а мой код ниже вместе с [плункер] (http://plnkr.co/edit/WXKCyzlfJFCA3FB7S2pa?p=preview).

  $scope.userList=[];
  $scope.addUser = function(){
    $uibModal.open({
      templateUrl: 'userData.html',
      controller: 'MainCtrl'
    });
  };
  $scope.addNewUser=function(user){
    console.log(user);
    $scope.userList.push({
      'id': user.id,
      'name': user.name,
      'age': user.age,
      'gender': user.gender
    });
    $scope.clearUserArea(user);
  };
  $scope.clearUserArea = function(user){
    console.log(user);
    user.id='';
    user.name='';
    user.age='';
    user.gender='';
  };

Пожалуйста, дайте мне знать, где я ошибаюсь с этим кодом. А также, пожалуйста, обратитесь к моей ссылке plunker для получения дальнейшего кода по этому поводу.