Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="app" ng-controller="MainCtrl">
  
  <br/>
  Hello, {{ message }}<br/>
  Now is {{now}}<br/>
  <hr/>
  
  <span>enent</span>
  <span ng-click='fun1()'>click me</span>
  <hr/>
  
  <span>service:</span>
  <span>{{user.name}}</span>
  <hr />
  
  <span>directive:</span>
  <hello></hello>
  <hr />
  
  
</body>
</html>
 
var app = angular.module('app', []);
app.controller('MainCtrl', function($scope,UserInformation) {
  d = new Date();
  d.yyyymmdd();
  $scope.message = 'World';
  $scope.now=d;
  
  $scope.user= UserInformation ;
  $scope.fun1=function(){
    alert('A msg from fun1 on $scope');
  };
  
});
app.directive('hello', function() {
  return {
    restrict: "E",
    replace: true,
    template: "<div>Hello readers, thank you for coming</div>"
  };
});
app.factory('UserInformation', function() {
  var user = {
    name: "Angular.js"
  };
  return user;
});
Date.prototype.yyyymmdd = function() {
   var yyyy = this.getFullYear().toString();
   var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
   var dd  = this.getDate().toString();
   return yyyy + (mm[1]?mm:"0"+mm[0]) + (dd[1]?dd:"0"+dd[0]); // padding
  };
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers