Question

我有一个问题，因为我还没有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＆＃39; views / templates / my-directive.html＆＃39;：

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

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

Answer 1

您可以简单地将此值分配给范围变量。

  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
            }
        };
    }]);

Plunker

访问AngularJS指令templateUrl中的attrs

1 个答案: