A Pen by Anthony.

Hello-Angularjs.markdown

Hello Angularjs

Short demo about how angular provides a rich way to provide two-way data binding.

A Pen by Anthony on CodePen.

License.

index.html

<!-- Indicating angular whar is our rootScope [myApp] -->

<div ng-app="myApp">
  <!--Using the defined scope in testController-->  
  <div ng-controller="testController">
    {{user.name}}
  </div>
  
</div>

script.js

//Creating a new module 
var app = angular.module('myApp',[]);
// Creating our testController -          *Injecting the $scope object
app.controller('testController', function($scope){
  //Creating an emty user object
  var user = {};
  user.name = "Steve";
  // Adding the user object to our scope. The scope is defined by the controller.
  $scope.user = user;
})