AngularJS: ng-model, ng-bind, ng-non-bindable

var app = angular.module('AngularJSTutorials', []);

app.controller('Tutorial1', function($scope) {
  $scope.name = 'you';
});

<!DOCTYPE html>
<html ng-app="AngularJSTutorials">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link href="style.css" rel="stylesheet" />
    <script src="https://code.angularjs.org/1.4.12/angular.js" data-semver="1.4.9" data-require="angular.js@1.4.x"></script>
    <script src="app.js"></script>
  </head>

  <h2>Simple AngularJS</h2>
  
  <body ng-app ng-controller="Tutorial1">
    
    <p><b>ng-non-bindable:</b> Display bind syntax as text: <span ng-non-bindable>{{name}}</span></p>

    <h3>ng-model and ng-bind</h3>
    
    Name: <input type="text" ng-model="name" /><br />
    Hey, <label ng-bind="name"></label>! (Using ng-bind)<br />
    Hey, {{name}}! (Using double brackets)

  </body>

</html>

/* Put your css in here */