javascript - AngularJs 范围 - 如何正确地从 DOM 获取范围？

Question

我有一个自定义指令，它有自己独立的作用域:

angular.module('app').directive('custom', function(){
    return {
      scope: {
        text: '@'
      },
      link: function(scope, element){
        alert(scope.$id);
        alert(element.scope().$id);
      }
    }
  })

它绑定(bind)到单个 h1 标签:<h1 custom text="Hello Plunker!"></h1>

有人能解释一下为什么我在第一次和第二次警报时得到不同的范围值吗？有没有办法使用 DOM 元素和 scope() 调用来获取我的隔离范围？

提前致谢

这是一个例子:http://plnkr.co/edit/mdLS5eZAqw4YBWwLZWbo

Answer 1

scope指的是指令的作用域，一个孤立的作用域。

element.scope()指的是与该元素关联的范围。

要通过element获取隔离作用域，可以调用element.isolateScope()。