javascript - angular-jsで「トップレベル」コントローラーを作成するには?

Question

ここにAngularJSの初心者がいます....私はここにあるアプリの基本的なフレームワークを持っています:

http://plnkr.co/edit/HlQvMKF735YrBL2tOYGf?p=preview

このアプリには、app.js といくつかのサブモデル/コントローラーが含まれています。

app.js:

var app = angular.module('MyApp', ["ngRoute","page1","page2"]);

app.config(['$routeProvider', function ($routeProvider) {

    //$routeProvider.otherwise({redirectTo: '/page1/'});  // this works just fine if uncommented

}]);

app.controller('MainCtrl', function($scope) {   // none of this works

    $scope.pageTitle = "Page Title";  //
    $scope.myName = 'Scott';

    $scope.hideSessionInfo = true;
    $scope.toggleSessionData = function() {
        console.log('toggleSessionData');
        $scope.hideSessionInfo = !$scope.hideSessionInfo;
    };
});

ng-view 以外の項目の状態を処理するトップレベルのコントローラーが必要です。(つまり、一部のサーバー セッション情報の表示/非表示)

この外部レベルのコントローラーを機能させることができません。ルートのコントローラーは問題なく動作します。

根本的に間違ったことをしていることはわかっていますが、それを理解することはできません。

更新しました

本体に ng-controller を追加し、グローバル コントローラー名を付けて修正しました。

ありがとう、スコット