Reading <script> value from html/view

Please see the code here http://plnkr.co/edit/FqfkcyZSqPkA7JjMMLrb?p=preview

I am embedding a javascript object/value in html, which needs to be read by angular. It reads value in index.html, but not in partial. (_global_link is read properly, but not _global_link_partial). Is it because _global_link_partial not available at $routeChangeSuccess, if so which event I need to listen to. I could provide the value as const in module definition, or directly in controller etc, but this value is very view specific and better to maintain there.

Thanks.

error:

_global_link Object {link: "abc"} controllers.js:3
ReferenceError: _global_link_partial is not defined

code:

function Test1Ctrl($scope) {
$scope.$on('$routeChangeSuccess', function ($event, current) {
    console.log('_global_link', _global_link);
    console.log('_global_link_partial', _global_link_partial);
  });
}
function Test2Ctrl($scope) {
  $scope.$on('$routeChangeSuccess', function ($event, current) {
    console.log('_global_link', _global_link);
    console.log('_global_link_partial', _global_link_partial);  });
}

index.html

<div class="container">
    <ul>
      <li><a href="test1">test1</a>
      <li><a href="test2">test2</a>
    </ul>
        <div ng-view></div>
</div>

<h2>in index.html</h2>
<script>
  _global_link = {link: 'abc'}
</script>

partials (test1, test2)

<h2>In test1</h2>

<script>
  _global_link_partial = {link: 'link1'}
</script>

<h2>In test2</h2>

<script>
  _global_link_partial = {link: 'link2'}
</script>