title: Angular provider not working
body: <p>I am learning Services in Angular. T tried service and factory and could get them working , but I am not able to get provider working. I checked out the solutions of few SO answers too, still couldn't get it to work</p>
  
  <p>This is my provider:</p>
  
  <pre><code>app.provider('EmployeeService', function EmployeeServiceProvider() {
      var list = [{
          name: '',
          skill: ''
      }];
  
      this.$get = function() {
          return {
              getList: function() {
                  return list
              },
              add: function(employee) {
                  list.push(employee);
              }
          };
      }
  })
  </code></pre>
  
  <p>And my controller:</p>
  
  <pre><code>app.controller('MainCtrl', function($scope, EmployeeService) {
  
      $scope.employee = {
          name: '',
          skill: ''
      };
      $scope.employees = EmployeeService.getList();
      $scope.add = function(employee) {
          EmployeeService.add(employee);
          $scope.employee = {
              name: '',
              skill: ''
          }
      }
  });
  </code></pre>
  
  <p>And app.js</p>
  
  <pre><code>var app = angular.module('myApp', []);
  
  app.config(['EmployeeServiceProvider', function(EmployeeServiceProvider) {
      var user = {
          name: 'Rob',
          skill: 'Hacker'
      };
      EmployeeServiceProvider.add(user);
  
  }]);
  </code></pre>
  
  <p>My html is this:</p>
  
  <pre><code>&lt;html lang="en" ng-app="myApp"&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;AngularJS app&lt;/title&gt;
      &lt;script src="js\angular\angular.js"&gt;&lt;/script&gt;
      &lt;script src="app\app.js"&gt;&lt;/script&gt;
      &lt;script src="app\controllers\MainCtrl.js"&gt;&lt;/script&gt;
      &lt;script src="app\services\EmployeeService.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div ng-controller='MainCtrl'&gt;
          &lt;input type="text" ng-model="employee.name" placeholder="Enter employee name"/&gt;
          &lt;input type="text" ng-model="employee.skill" placeholder="Enter employee skill"/&gt;
          &lt;button ng-click="add(employee)"&gt;Add&lt;/button&gt;
          &lt;hr&gt;
          &lt;table&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Name&lt;/td&gt;
                      &lt;td&gt;Skill&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr ng-repeat="person in employees"&gt;
                      &lt;td&gt;{{person.name}}&lt;/td&gt;
                      &lt;td&gt;{{person.skill}}&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>I am expecting to add the values in the config before providing it in the HTML. But I am not able to do it. Nothing shows up in the console as well. Kindly let me know how to correctly configure the provider and use it in config.</p>