angularjs指令有最高嵌套级别吗

angularjs指令有最高嵌套级别吗,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我有下一个指令:schema,record,field和type 在视图中,我使用的是schema指令,该指令在模板中包含record。 在记录模板内使用字段指令,在字段指令内使用类型指令。(嵌套级别=4) 模式 记录 场 类型 字段指令代码: .directive("field", function(){ return { restrict: "E", replace: true, tran

我有下一个指令:
schema
record
field
type

在视图中,我使用的是
schema
指令,该指令在模板中包含
record
。 在
记录
模板内使用
字段
指令,在
字段
指令内使用
类型
指令。(嵌套级别=4)

  • 模式
    • 记录
        • 类型
字段指令代码:

.directive("field", function(){
    return {
        restrict: "E",
                replace: true,
                transclude: true,
                scope: {
                    field: '='
                },
                template: "<tr><td>{{field.name}}</td><type type='field.type'></type><td>{{field.type}}</td></tr>"
    }
  })
.directive("type", function($compile){
    return{
        restrict: "E",
        replace: true,
        transclude: true,
        scope: {
            type: '='
        },
        template: "<td>test</td>"
    }
  })
指令(“字段”,函数(){
返回{
限制:“E”,
替换:正确,
是的,
范围:{
字段:'='
},
模板:“{field.name}}{{field.type}”
}
})
类型指令代码:

.directive("field", function(){
    return {
        restrict: "E",
                replace: true,
                transclude: true,
                scope: {
                    field: '='
                },
                template: "<tr><td>{{field.name}}</td><type type='field.type'></type><td>{{field.type}}</td></tr>"
    }
  })
.directive("type", function($compile){
    return{
        restrict: "E",
        replace: true,
        transclude: true,
        scope: {
            type: '='
        },
        template: "<td>test</td>"
    }
  })
指令(“类型”,函数($compile){
返回{
限制:“E”,
替换:正确,
是的,
范围:{
类型:'='
},
模板:“测试”
}
})
渲染
字段
类型
指令的部分输出:
size[“null”,“long”]
(指令求值没有结果)


有趣的是,当我将
类型
指令提高一级(在
记录
的模板内)时,所有内容都正确呈现:

问题与
字段
指令的模板定义有关。 在
标记内,您不能放置未被包围但
的东西,即使这是将生成适当包围的指令(
..

将指令更新到下一个状态:

字段:

.directive("field", function(){
    return {
        restrict: "E",
                replace: true,
                transclude: true,
                scope: {
                    field: '='
                },
                template: "<tr><td>{{field.name}}</td><td><type type='field.type'></type></td><td>{{field.type}}</td></tr>"
    }
  })
解决问题