Angularjs 自定义元素指令不起作用

我已经创建了angularjs自定义元素指令。由于某些原因，我无法从指令中获取数据。下面是我的应用程序文件夹结构图

应用程序文件夹结构

指令.js

(function() {
    'use strict';

    angular.module('mymod')
     .directive('myDirective', function () {
         return {
             restrict: 'E', //E = element, A = attribute, C = class, M = comment         
             scope: true,

             templateUrl:'Views/Directives/Header/mytemplate.html',
             controller: 'controller',
             controllerAs: 'vm' 
         }
     });

})();

Controller.js（这是指令的控制器）

mytemplate.html

<div>
    Hello Directive
</div>

你好指令

调用指令的html主页面上的

   <my-Directive></my-Directive>

屏幕上是否显示Hello指令？您可能不应该在指令中有空的scope:{}对象，如果要使用控制器/父scope，即使在设置

scope=true

未在控制台中显示我的指令的数据之后，也只需设置scope=true？您将指令js文件链接到页面？指令声明名称

myDirective

将转换为HTML格式的

，也许这就是问题所在？我已经回答了您的问题，并且工作得很好。你的问题可能是angularjs版本？你用哪一种？如果不是，则应该与在索引/主html中包含js文件相关。尝试更新plunker并在那里重现您的错误，这将很有帮助。

   <my-Directive></my-Directive>