title: Difference between ng-model and angular expression - {{}}
body: <p>{{}} is working fine but ng-model is not, at the same place.</p>
  
  <p>I am using the following html-</p>
  
  <pre><code>&lt;body ng-app="crud"&gt;
    Gray input fields will not be visible.
    &lt;div ng-controller="ctrl"&gt;
      &lt;input type="text" value="sdf" ng-model="asdf"/&gt;
      &lt;h1 ng-model="asdf"&gt;&lt;/h1&gt;   &lt;!-- this doesn't work--&gt;
      &lt;h1&gt;{{asdf}}&lt;/h1&gt;           &lt;!-- this work--&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>asdf is defined in this js app like this</p>
  
  <pre><code> var app = angular.module("crud", []);
   app.controller("ctrl", ['$scope', function($scope) {
       $scope.asdf="ankur";
   }]);
  </code></pre>
  
  <p>Can someone explain why is it so ?</p>