AngularJS指令不显示模板，但其他工作正常

Question

我正在尝试向我的应用添加另一个AngularJS指令但由于某种原因它无法正常工作。我之前以相同的方式添加了其他指令，但它们都在工作。我在下面发布了代码。

HTML，其中包含指令

<section class="section-wrap" data-ng-controller="PVProfileViewController">
<div class="container bg_white">
    <div>
        <pv-profile-password-reset pv-user="user"></pv-profile-password-reset>
    </div>
    <div>
        <pv-profile-email-update pv-user="user"></pv-profile-email-update>
    </div>

</div>


</section>

AngularJS指令文件

'use strict';

/*
 * The profile email request update section
 */
angular.module('mean.system').directive('pvProfileEmailUpdate',
    ['PVProfile', '$timeout', 'Global', 'Utilities',
     function (PVProfile, $timeout, Global, Utilities)
     {
         function controller($scope)
         {
             $scope.global = Global;

             $scope.darkout = false;

         }


         function link(scope, element, attrs)
         {

         }

         return {
             restrict: 'E',
             templateUrl: '/path/to/profile_email_update.html',
             link: link,
             scope: {
                 user: '=pvUser'
             },
             controller: controller
         };
     }
    ]
);

为什么这个特定指令不起作用，但其他指令非常相似的任何想法都会出现？