嵌套指令 - 链接和控制器函数不在子节点中执行

Question

我确定我错过了某些部分。 我有如下嵌套指令，并且在加载文件时不执行子链接和控制器函数。

我的index.html文件是：

<champ-table>
    <champ-column></champ-column>
    <champ-column></champ-column>
    <champ-column></champ-column>
    <champ-column></champ-column>
</champ-table>

这个为cham-column没有得到编译。但是当文件是这样的时候：

<champ-column></champ-column>
<champ-column></champ-column>
<champ-column></champ-column>
<champ-column></champ-column>

链接功能和控制器功能将字符串记录到控制台。

这是我的指令：champ-column

(function(){
    'use strict';
    angular.module('champ').directive('champColumn',function(){
        return {
            restrict : 'E',
            controller : function(){
                console.log('champ-column controller loaded');
            },
            link : function(scope,element,attrs){
                console.log('champ-column linked');
            }
        };
    });
})();

和champ-table

(function(){
    angular.module('champ').directive('champTable',function(){
        return {
            restrict : 'E',
            scope: {
                table : '='
            },
            templateUrl : './app/directives/champTable/champ-table.tpl.html',
            link : function(scope,element,attrs){
                some code here...
            }
        };
    });
})();

已经在Web上搜索了一段时间用于解决方案，但只看到了与我的结构相似的示例。所以它一定是我做错了或错过了。不用说我当然在索引文件中包含脚本文件。 试图删除父元素中的范围，并没有帮助。如果你知道它会很棒！谢谢！