title: AngularJS: Issue with ContentEditable
body: <p>My code is as follows:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="flyerGen"&gt;
  &lt;head&gt;
  &lt;script src="http://code.angularjs.org/1.0.5/angular.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  angular.module('flyerGen', []).directive('contenteditable', function() {
      return {
          require: 'ngModel',
          link: function(scope, elm, attrs, ctrl) {
              // view -&gt; model
              elm.bind('keyup', function() {
                  scope.$apply(function() {
                      ctrl.$setViewValue(elm.html());
                  });
              });
  
              // model -&gt; view
              ctrl.$render = function() {
                  elm.html(ctrl.$viewValue);
              };
  
              // load init value from DOM
              ctrl.$setViewValue(elm.html());
          }
      };
  });
  function FlyerCtrl($scope) {
      $scope.Flyer = { bgColor : '231,233,230', title : 'WIE WAREN WIR HEUTE?', description: 'Bitte scannen Sie den QR-Code und geben Sie uns Feedback' }
  }
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;Body&gt;
  &lt;div contentEditable ng-model="Flyer.title"&gt;{{ Flyer.title }}&lt;/div&gt;
  Test: {{ Flyer.title }}
  &lt;/div&gt;
  &lt;/Body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When loading the page I see the following error in my console: <strong>Error: No controller: ngModel</strong>. I also tried to set "FlyerCtrl", also "Flyer" instead of "ngModel", but nothing works.</p>
  
  <p>Where is the mistake?</p>