自定义元素指令不起作用

Question

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

应用程序文件夹结构

directive.js

EnableDevice(machineNumber, 1=enable | 0=disable)

Controller.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' 
         }
     });

})();

mytemplate.html

(function () {
    'use strict';

    angular
        .module('mymod')
        .controller('controller', controller);

    controller.$inject = ['$location']; 

    function controller($location) {
        /* jshint validthis:true */
        var vm = this;
        vm.title = 'controller';

        activate();

        function activate() { }
    }
})();

在调用指令的主html页面上

<div>
    Hello Directive
</div>