如何在 AngularJS 中获取指令内的代码?

康纳普

假设我有 HTML:

<div my-directive>
  <--generic html-->
</div my-directive>

我如何才能进入Angular 1.4<--generic html-->的指令代码my-directive

MRSafari

Transclude 是一个设置,告诉 angular 捕获放在标记中指令内的所有内容

在创建一个包装其他元素的指令部分中有关指令的文档的更多信息

如果您编写自定义指令ng-transclude,则在指令模板中使用来标记要插入元素内容的点

angular.module('app', [])
  .directive('hero', function () {
    return {
      restrict: 'E',
      transclude: true,
      scope: { name:'@' },
      template: '<div>' +
                  '<div>{{name}}</div><br>' +
                  '<div ng-transclude></div>' +
                '</div>'
    };
  });

如果你把它放在你的标记中

<hero name="superman">Stuff inside the custom directive</hero>

它会显示为:

超人

自定义指令中的内容

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在AngularJS的递归指令中传递函数引用?

来自分类Dev

如何在AngularJS中即时生成指令?

来自分类Dev

如何在AngularJS中“销毁”指令?

来自分类Dev

AngularJS:如何在链接函数中获取指令名称?

来自分类Dev

AngularJS:使用包含时,如何在“模板”函数中获取原始指令HTML?

来自分类Dev

如何在AngularJS中运行jQuery代码?

来自分类Dev

如何在AngularJS指令链接中声明Kendo UI对象

来自分类Dev

如何在angularjs中刷新HTML画布指令

来自分类Dev

如何在AngularJS指令中绑定属性?

来自分类Dev

AngularJS:如何在指令中读取对象

来自分类Dev

如何在angularjs自定义指令的模板中获取属性值?

来自分类Dev

如何在angularjs的指令函数中获取当前的Controller $ scope?

来自分类Dev

如何在AngularJS中重新加载指令?

来自分类Dev

如何在AngularJS中“销毁”指令?

来自分类Dev

如何在angularjs中获取指令的值

来自分类Dev

如何在AngularJS中将常用代码块转换为指令?

来自分类Dev

AngularJS:如何在链接函数中获取指令名称?

来自分类Dev

如何从集合angularjs指令中获取价值

来自分类Dev

如何在angularJs指令的链接函数中获取元素标签的坐标

来自分类Dev

如何在AngularJS中动态嵌套指令

来自分类Dev

如何在Angularjs指令中呈现html?

来自分类Dev

AngularJS:如何在控制器中获取指令输入字段模型值?

来自分类Dev

如何在angularjs的指令函数中获取当前的Controller $ scope?

来自分类Dev

如何在angularjs指令中获取API名称

来自分类Dev

如何在 Angularjs 中编写 jquery 代码?

来自分类Dev

如何在 Angularjs 中获取当前状态

来自分类Dev

如何在 AngularJS 中获取选定的记录?

来自分类Dev

如何在 AngularJS 指令中更新类

来自分类Dev

如何在 angularjs 中获取子元素

Related 相关文章

  1. 1

    如何在AngularJS的递归指令中传递函数引用?

  2. 2

    如何在AngularJS中即时生成指令?

  3. 3

    如何在AngularJS中“销毁”指令?

  4. 4

    AngularJS:如何在链接函数中获取指令名称?

  5. 5

    AngularJS:使用包含时,如何在“模板”函数中获取原始指令HTML?

  6. 6

    如何在AngularJS中运行jQuery代码?

  7. 7

    如何在AngularJS指令链接中声明Kendo UI对象

  8. 8

    如何在angularjs中刷新HTML画布指令

  9. 9

    如何在AngularJS指令中绑定属性?

  10. 10

    AngularJS:如何在指令中读取对象

  11. 11

    如何在angularjs自定义指令的模板中获取属性值?

  12. 12

    如何在angularjs的指令函数中获取当前的Controller $ scope?

  13. 13

    如何在AngularJS中重新加载指令?

  14. 14

    如何在AngularJS中“销毁”指令?

  15. 15

    如何在angularjs中获取指令的值

  16. 16

    如何在AngularJS中将常用代码块转换为指令?

  17. 17

    AngularJS:如何在链接函数中获取指令名称?

  18. 18

    如何从集合angularjs指令中获取价值

  19. 19

    如何在angularJs指令的链接函数中获取元素标签的坐标

  20. 20

    如何在AngularJS中动态嵌套指令

  21. 21

    如何在Angularjs指令中呈现html?

  22. 22

    AngularJS:如何在控制器中获取指令输入字段模型值?

  23. 23

    如何在angularjs的指令函数中获取当前的Controller $ scope?

  24. 24

    如何在angularjs指令中获取API名称

  25. 25

    如何在 Angularjs 中编写 jquery 代码?

  26. 26

    如何在 Angularjs 中获取当前状态

  27. 27

    如何在 AngularJS 中获取选定的记录?

  28. 28

    如何在 AngularJS 指令中更新类

  29. 29

    如何在 angularjs 中获取子元素

热门标签

归档