app.js

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

function drawField(game) {
  var field = game.getField();
}

function Player(name, type) {
  this.name = name || 'noname';
  this.type = type;
}

Player.prototype = {
  makeTurn: function () {
    
  }
};
//Doesent work:  
app.service('xoGame', function (type, fieldSize) {
  //Game service constructor (custom or classic)
  
  const CLASSIC = "classic";
  const CUSTOM = "custom";
  const MAXPLAYERS = 2;
  const X = 'x';
  const Y = 'y';
  
  this.type = type || CLASSIC;
  this.members = [];
  
  if (type == CLASSIC) {
    this._fiedSize = 3;
  } else {
    this._fieldSize = fieldSize || 0;
  }
  this._field = new Array(this._fieldSize);
  this._field.forEach(function (item) {
    item.push(new Array(this._fieldSize));
  });
  
  this.addPlayer = function (player) {
    if (this.getPlayersCount() < MAXPLAYERS) {
      this.members.push(player);
    } else {
      throw new Error('Max Player count reached: ' + MAXPLAYERS + '. Cannot add more players');
    }
    return true;
  };
  
  this.getPlayersCount = function () {
    return this.members.length;
  };
  
  this.begin = function () {
    var self = this;
    
    this.members.forEach(function (member) {
      self.giveTurnTo(member);
    });
  };
  
  this.giveTurnTo = function (player) {
    if (typeof player == 'undefined' || player === null) throw new Error('Wrong player passed');
    player.makeTurn();
  };
  
  this.getField = function () {
    return this._fiedSize;
  };
  
});

app.controller('NewGameMenuCtrl', function ($scope, xoGame) {
   $scope.playClassic = function () {
    if (!$scope.game) {
      $scope.game = xoGame('classic');
      console.log($scope.game);
    }
  };
  
  $scope.playCustom = function () {
    if (!$scope.game) {
      $scope.game = new xoGame('custom');
    }
  };
});