$ rootScope变量在指令内部未定义

Question

angular.module('test', [])
.directive('microFrontEnd', function($rootScope) {
   'use strict';       
    $rootScope.show = true;
    return {
        restrict: 'E',
        templateUrl: '../template.html'
    };
});

和模板：

<div ng-show="$rootScope.show">Hello man</div>

为什么$rootScope.show未定义？错误在哪里？

Answer 1

解决方案是将$rootScope.show替换为$root.show。有什么解释吗？