AngularJS Hello World Ctrl

by Bryan Dellinger

HTML

<div ng-app="">
  <div ng-controller="MyCtrl">
      Consumption: {{data.consumption}}<br/>
      Consumption: {{data.consumption | number}}
  </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<style>

.ng-invalid { 
    border: 1px solid red; 
}

JavaScript

var someData = {
            name: 'ashwini',
             address: 'noida',
             dateJoined: new Date(2015, 2, 14),
             consumption:4567.12358,
             plan: 'Super Basic Plan'

            };



function MyCtrl($scope) {
  $scope.hi = 'Hello World';
    $scope.data = someData;

}