在链接功能中访问AngularJS指令范围

Question

我是AngularJS的新手。我在写一个指令。目前，我的指令如下所示：

.directive('myDirective', function(component) { 
    return { 
    restrict:'E', 
    replace:true, 
    templateUrl: 'myTemplate.tpl.html', 
    scope: { 
     myAttribute: '=' 
    }, 
    link: function(scope, element, attrs) { 
     console.log(scope.myAttribute); 
    } 
    }; 
}) 

我想利用这个指令在我的HTML如下所示：

<myDirective myAttribute="true"></myDirective> 

我的问题是，如何获取的值“myAttribute”在我的指令的链接功能？我需要得到这个价值来做一些程序化的东西。不过，我目前的做法总是在JavaScript控制台上打印'undefined'。

谢谢你的帮助！

Answer 1

首先，在你的HTML，你需要将骆驼的名字转换成你的指令定义帕斯卡的情况下，让你的HTML应是：

<my-directive my-attribute="true"></my-directive> 

，并为如何访问它们的链接功能，操作简单：

var value =scope.myAttribute; 

Answer 2

小心骆驼大小写的语法。您必须填写您的属性这样的：

<myDirective my-attribute="true"></myDirective> 

整蛊......