Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.js"></script>
  <meta charset="utf-8">
  <title>Validated constants</title>
<script>
  angular.module('MyApp', [])
  .provider('MyAppConfiguration', function () {
    // default values
    var values = {
      username: 'World'
    };
    return {
      set: function (constants) {
        angular.extend(values, constants);
      },
      $get: function () {
        return values;
      }
    };
  })
  .run(function ($rootScope, MyAppConfiguration) {
    $rootScope.username = MyAppConfiguration.username;
  });
</script>    
</head>
<body ng-app="MyApp">
  <script>
    // override default values
    angular.module('MyApp').config(function (MyAppConfigurationProvider) {
      MyAppConfigurationProvider.set({
        username: 'Angular'
      });
    });
  </script>
  <p>Hello, {{ username }}</p>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
bahmutovpro
0viewers