angularJS provider example

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css" />
    
    <script data-require="angular.js@1.4.3" data-semver="1.4.3" src="https://code.angularjs.org/1.4.3/angular.js"></script>
    
    <script src="script.js"></script>
    <script src="provider.js"></script>
    
  </head>

  <body ng-app='RedFlix'>
    <div ng-controller='UserController'>
      <table>
        <tr>
          <td>Name</td>
          <td></td>
          <td>
            <input type="text" ng-model='user.name'/>
          </td>
        </tr>
        <tr>
          <td>Address</td>
          <td></td>
          <td>
            <input type="text" ng-model='user.address'/>
          </td>
        </tr>
        <tr>
          <td>
            <button>Add User</button>
          </td>
          <td>
            <button ng-click='convertToUpperCase()'>To Upper Case</button>
          </td>
          <td>
            <button ng-click='convertToLowerrCase()'>To Upper Case</button>
          </td>
        </tr>
      </table>      
    </div>
  </body>

</html>

// Code goes here

(function() {

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

  app.config(function(UserServiceProvider){
    UserServiceProvider.setName('parag');
  });

  app.controller('UserController', function($scope, UserService) {
    $scope.user = {
      name: 'default name',
      address: 'default address'
    };
    $scope.convertToUpperCase = function() {
      console.log('working fine..');
      console.log(' message : ' +  Object.getOwnPropertyNames(UserService) );
      console.log(' message : ' +  UserService.message );
    }

  });

}());

/* Styles go here */

(function() {
  var app = angular.module('RedFlix');

  app.provider('UserService', function() {
    var userName;
    return {
      setName: function(name) {
        userName = name;
      },
      $get: function() {
        function getMessage() {
          return 'Hello ' + userName;
        }
        return {
          messageFun: getMessage,
          name: userName,
          message: 'Hello '+userName
        };
      }
    };
  });

}());

//var app = angular.module('myApp');

app.value('dbConfig', {
	url: 'https://api.mongolab.com/api/1/databases/mydb/collections/users/:id',
	key: 'xkX8OzH1r6BKbS0WkAeChzx-h3H6_wyf'
});