元素vs AngularJS指令中的這個元素

Question

一旦jQuery包含在Angular中，內部指令可以自由使用$（元素）和$（this）進行DOM操作。

他們有什麼區別？其中一個推薦嗎？它們可以互換嗎？

Answer 1

$(this)將取決於方法的上下文中被執行，將$(element)始終指的是該指令被附接到。

這裏是一個人爲的例子

module.directive('myDirective', [function() { 
    return { 
     template: '<div><button id="btn">Click Me</button></div>', 
     restrict: 'E', 
     link: function(scope, element, attrs, controller) { 
       $("#btn").on('click', function() { 
        // $(this) != $(element) 
        // $(this) is the button element from the template 
        // $(element) is the directive element 
       }); 
      } 
     } 
}]); 

Answer 2

由於角度js在選擇器的引擎下使用jqlite（jquery的最小版本），所以它在角度js中也可能與使用不同名稱的角色相同。

參見： AngularJS DOM selector