javascript - AngularJS で同じコントローラーを使用して、ビュー間で変数を共有するにはどうすればよいですか?

Question

このコントローラーを持っている...

app.controller('UploadController', ['$scope', 'Upload', '$timeout', function ($scope, Upload, $timeout) {
    $scope.$watch('files', function () {
        $scope.upload($scope.files);
    });
    $scope.upload = function (files) {
        if (files && files.length) {
            for (var i = 0; i < files.length; i++) {
                var file = files[i];
            }
        }
    };
}]);

var fileから取得した tempに割り当てているfiles[i]ので、temp をプレビューのようにビューに表示できます。

 <section ng-controller="UploadController">
      <img ngf-src="files[0]" ng-show="files[0].type.indexOf('image') > -1">
 </section>

しかし、私が本当に必要としているのは、モーダル ビューで一時を表示することです。

 <section ng-controller="UploadController">
      <img ngf-src="files[0]" ng-show="files[0].type.indexOf('image') > -1">
 </section>

モーダル ビューには同じコントローラーと同じ "img" 属性がありますが、モーダル ビューをコントローラーRESTARTで表示すると、これが問題のポイントです。変数の値を同じに保つ方法を学ぶ必要があります。コントローラーですが、アクションをやり直す必要なく別のビューに表示されます。

基本的に私は必要です：ビューを表示するとき、私のコントローラーは再起動しません。