Angularjs Example

by sedhal

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.3/angular.js"></script>
  <div ng-app="myApp">
    <div ng-controller="myCtrl">
        <strong>myCtrl</strong>
        <br/><br/>
         User : 
         <p>
          Name: {{data.name}}
         </p>
         <p>
          Bdate: {{data.bdate}}
         </p>
         <p>
          City: {{data.city}}
         </p>
    </div>
      <br/><br/>
      <div ng-controller="myCtrl2">
        <strong>myCtrl2</strong>
        <br/>
           User : 
           User : 
         <p>
          Name: {{data1.name}}
         </p>
         <p>
          Bdate: {{data1.bdate}}
         </p>
         <p>
          City: {{data1.city}}
         </p>
      </div>
    </div>

CSS

.done-true {
  text-decoration: line-through;
  color: grey;
}

JavaScript

angular.module('myApp', [])
.run(function($rootScope) {
    $rootScope.obj = {
    	"name":"user1",
      "bdate":"18/11/1994",
      "city":"Ahmedabad"
    };
})
.controller('myCtrl', function($scope, $rootScope) {
   $scope.data = $rootScope.obj;
})
.controller('myCtrl2', function($scope, $rootScope) {
		$scope.data1 = $rootScope.obj;
});