AngularJs多个自定义指令失败

我有一个包含多个自定义指令的网页，本例中为2。每个指令加载一个HTML页面，其中包含一些

我对您的代码做了一些更改，包括使用组件而不是指令，这是Angular 1.5之后的推荐做法。你基本上没有正确地终止你的生命，拼错了一个模板的名字，还有其他一些小问题

(function(app) {

  //var app = angular.module('mainModule');

  app.component('customDirectiveOne', {
    templateUrl: 'linkListONE.html',
    controller: 'ListOneController',
    controllerAs: 'ctrl'
  });

  app.component('customDirectiveTwo', {
    templateUrl: 'linkListTWO.html',
    controller: 'ListTwoController',
    controllerAs: 'ctrl'
  });

  app.controller('ListOneController', function() {

  });
  app.controller('ListTwoController', function() {

  });

})(app);

这是最后的结论。
了解每个指令中的内容会很有帮助。请创建一个示例（例如on等）。描述问题。“它不起作用”不是一个问题陈述。告诉我们预期的行为应该是什么。告诉我们错误消息的确切措辞，以及产生错误消息的代码行。在问题的标题中列出问题的简要摘要。如果指令显示它们链接到的HTML页面的内容，并且它们确实显示，并且这些页面上的
标记起作用，这意味着将我链接到任何位置，则预期的行为。他们没有。除非我把另一条指令注释掉。这是唯一的改变解决了问题。还有ZORE错误。谢谢，非常感谢。更改组件的指令解决了这个问题。再次感谢。
<custom-directive-one></custom-directive-one>
<!-- <custom-directive-two></custom-directive-two> -->

(function(app) {

  //var app = angular.module('mainModule');

  app.component('customDirectiveOne', {
    templateUrl: 'linkListONE.html',
    controller: 'ListOneController',
    controllerAs: 'ctrl'
  });

  app.component('customDirectiveTwo', {
    templateUrl: 'linkListTWO.html',
    controller: 'ListTwoController',
    controllerAs: 'ctrl'
  });

  app.controller('ListOneController', function() {

  });
  app.controller('ListTwoController', function() {

  });

})(app);