javascript - angular : ビューからビュー外の位置への ng-bind

Question

これが $rootScope で解決できる場合、どうすればこれを達成できますか? 私のコードは以下のとおりです。ビュー内では正常に動作しますが、ビューの外に要素を配置するとすぐに壊れます。

コントローラ

$http.get('testData.json').success(function(data) {
     angular.forEach(data, function(item) {
            if (item.id == $routeParams.detailId) 
              $scope.article = item;
              $scope.category = $scope.article.category;
          });
      });

コントローラーから入力された入力

<input type="text" ng-model="category">

コントローラー外のng-bind要素

<h1 ng-bind-template="Hello, {{category}}"></h1>

rootScope にデータをロードしようとしましたが、うまくいきませんでした。さらに $rootScope ウィンドウ

    .run(function($rootScope, $window) {
    $rootScope.window = $window;
});