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>"
}
})
解决问题