javascript - ドキュメントに従ってAngularJSコントローラーを作成する方法

Question

私は AngularJS を初めて使用し、一部のドキュメント コードが機能しない理由を理解しようとしています。以下のグローバル関数コントローラーは私にとっては機能しますが、ドキュメントには、Angular モジュールを介してコントローラーを作成する必要があると記載されています。

これは、同じコードの JSFiddle へのリンクです。

ワーキング JS コントローラー:

function MyController($scope) {
  $scope.username = 'World';

  $scope.sayHello = function() {
    $scope.greeting = 'Hello ' + $scope.username + '!';
  };
}

壊れた JS コントローラー:

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

myApp.controller('MyController', ['$scope', function($scope) {
  $scope.sayHello = function() {
    $scope.greeting = "Hi " + $scope.username;
  };
}]);

HTML ファイル:

<div ng-app="">
  <div ng-controller = "MyController">
    Your name:
      <input type="text" ng-model="username">
      <button ng-click='sayHello()'>greet</button>
    <hr>
    {{greeting}}
  </div>
</div>