AngularJS Example: First

by zdam

HTML

<div ng-app>
  <div ng-controller="FirstController">
    <label>Name:</label>
    <input type="text" ng-model="model.name" placeholder="Enter a name here">
    <hr>
      <button ng-click="firstMethod()">Click me</button>  
    <h1>Hello {{model}}!</h1>
  </div>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<style>

JavaScript

function FirstController($scope) {


    $scope.yourName = 'World';
    
    $scope.anyProperty = 'Monkey';
    
    
    $scope.model = {
        name:'Adam' ,
        age:21        
    };
    
    $scope.firstMethod = function() {
        $scope.model.name = 'Heath';
    };
}