在AngularJS指令templateUrl中访问attrs

马克·桑德曼

我有一个问题,因为我尚未100%理解AngularJS指令。我有这样的指令,

在我的HTML中:

<div my-directive="Hello World"></div>

在我的指令JS文件中:

.directive('myDirective', [function ( ) {
        return {
            restrict: 'A',
            priority: 100,
            templateUrl: 'views/templates/my-directive.html',
            link: function (scope, element, attrs) {
                // I wish to pass attrs.myDirective to the templateUrl
            }
        };
    }]);

并在我的templateUrl'views / templates / my-directive.html'中:

<h1> {{ attrs.myDirective }} </h1>

显然,这确实有效,我的指令值传递给了链接函数,但没有传递给templateUrl,如何在我的templateUrl中输出该值?我知道一个愚蠢的问题,但我不确定实现此目标的最佳方法是什么?

松鼠

您可以简单地将此值分配给作用域变量。

  scope.myDirective=attrs.myDirective

app.directive('myDirective', [function ( ) {
        return {
            restrict: 'A',
            priority: 100,
            templateUrl: 'my-directive.html',
            link: function (scope, element, attrs) {
              scope.myDirective=attrs.myDirective
                // I wish to pass attrs.myDirective to the templateUrl
            }
        };
    }]);

柱塞

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在指令的attrs中监视属性

来自分类Dev

从templateUrl检索AngularJS指令问题模板

来自分类Dev

AngularJS指令templateUrl不更新

来自分类Dev

尝试使用templateURL测试AngularJS指令

来自分类Dev

AngularJS-指令的templateUrl中的表单验证

来自分类Dev

JsBin中AngularJS指令的templateUrl的演示

来自分类Dev

AngularJS在子指令中访问隔离范围

来自分类Dev

指令中的动态templateUrl

来自分类Dev

AngularJS-如何在我的指令中访问templateUrl内部定义的表单?

来自分类Dev

AngularJS:在指令中访问子元素

来自分类Dev

AngularJS:指令中的访问模板

来自分类Dev

AngularJS-在templateUrl中具有属性的自定义指令

来自分类Dev

使用AngularJS中的指令将templateUrl更改为“ more then one”

来自分类Dev

AngularJS:指令中templateUrl的奇怪行为(模板效果很好)

来自分类Dev

AngularJS中的templateUrl与模板

来自分类Dev

AngularJS在子指令中访问隔离范围

来自分类Dev

指令中的动态templateUrl

来自分类Dev

AngularJS:指令中的访问模板

来自分类Dev

如何在templateUrl HTML内容中访问angular指令的属性

来自分类Dev

angularJs指令中templateUrl的正确路径应该是什么?

来自分类Dev

控制器中templateUrl中的访问元素-AngularJS

来自分类Dev

在angularjs和templateUrl中使用指令

来自分类Dev

AngularJS指令获取的templateUrl无法正常工作

来自分类Dev

Laravel5.2中的AngularJs指令templateURL

来自分类Dev

AngularJS:指令中templateUrl的奇怪行为(模板效果很好)

来自分类Dev

AngularJS-在templateUrl中具有属性的自定义指令

来自分类Dev

从angular指令中的templateURL访问ID

来自分类Dev

在指令的 templateUrl 中获取 $rootScope

来自分类Dev

AngularJS 指令 - 访问模板中的 $rootScope 变量

Related 相关文章

  1. 1

    如何在指令的attrs中监视属性

  2. 2

    从templateUrl检索AngularJS指令问题模板

  3. 3

    AngularJS指令templateUrl不更新

  4. 4

    尝试使用templateURL测试AngularJS指令

  5. 5

    AngularJS-指令的templateUrl中的表单验证

  6. 6

    JsBin中AngularJS指令的templateUrl的演示

  7. 7

    AngularJS在子指令中访问隔离范围

  8. 8

    指令中的动态templateUrl

  9. 9

    AngularJS-如何在我的指令中访问templateUrl内部定义的表单?

  10. 10

    AngularJS:在指令中访问子元素

  11. 11

    AngularJS:指令中的访问模板

  12. 12

    AngularJS-在templateUrl中具有属性的自定义指令

  13. 13

    使用AngularJS中的指令将templateUrl更改为“ more then one”

  14. 14

    AngularJS:指令中templateUrl的奇怪行为(模板效果很好)

  15. 15

    AngularJS中的templateUrl与模板

  16. 16

    AngularJS在子指令中访问隔离范围

  17. 17

    指令中的动态templateUrl

  18. 18

    AngularJS:指令中的访问模板

  19. 19

    如何在templateUrl HTML内容中访问angular指令的属性

  20. 20

    angularJs指令中templateUrl的正确路径应该是什么?

  21. 21

    控制器中templateUrl中的访问元素-AngularJS

  22. 22

    在angularjs和templateUrl中使用指令

  23. 23

    AngularJS指令获取的templateUrl无法正常工作

  24. 24

    Laravel5.2中的AngularJs指令templateURL

  25. 25

    AngularJS:指令中templateUrl的奇怪行为(模板效果很好)

  26. 26

    AngularJS-在templateUrl中具有属性的自定义指令

  27. 27

    从angular指令中的templateURL访问ID

  28. 28

    在指令的 templateUrl 中获取 $rootScope

  29. 29

    AngularJS 指令 - 访问模板中的 $rootScope 变量

热门标签

归档