Multiple-Transclude-Angular-Nested-Directives

时间:2024-06-13 23:21:14
【文件属性】:

文件名称:Multiple-Transclude-Angular-Nested-Directives

文件大小:9KB

文件格式:ZIP

更新时间:2024-06-13 23:21:14

JavaScript

多个跨角嵌套指令 AngularJS中ng-transclude的默认行为仅允许将所有内容嵌套在一起(在模板上设置ng-transclude的位置)。 不可能独立地排除不同的元素,并根据需要在模板中对它们进行排序。 如果要执行此操作,则必须在html中的outter指令的声明内设置顺序,并使用单个ng-transclude。 该项目试图通过使用AngularJS控制器(transcludeOrderController.js)解决此问题。 该控制器与一些自定义指令的定义一起允许使用多个有序的嵌套指令。 术语 嵌套指令:这些是您要嵌套在其他指令上的“普通”指令。 包装器指令:这是包含嵌套指令的指令。 这是所有魔术发生的地方。 data-order :在html代码的wrapper指令内定义嵌套指令的顺序。 data-transclude-order :嵌套指令将被插入包装器模板的顺


【文件预览】:
Multiple-Transclude-Angular-Nested-Directives-master
----index.html(2KB)
----js()
--------controllers()
--------directives()
--------transcludeOrderedApp.js(44B)
----gulpfile.js(261B)
----README.md(3KB)
----css()
--------styles.css(771B)
----templates()
--------normalWrapper.html(110B)
--------wrapper2.html(158B)
--------wrapper.html(200B)
--------nested.html(70B)
----.gitignore(19B)
----package.json(634B)

网友评论