AngularJS相当于v-el

Question

我刚刚在Vue.js中找到了v-el指令，这对DOM操作非常方便。

F.ex。我可以用它标记一个元素：

<button v-el="getCustomerButton">Get customers</button>

并在vue组件中使用例如this.$$.getCustomerButton.focus()来聚焦按钮。

在angularjs中是否有一些与v-el相同的东西？

此致，Niels。

Answer 1

您可以使用以下指令获得相同的结果：

angular.module('yourModuleNameHere').directive('vEl', [function() {
  return {
    restrict: 'A',
    link: function(scope, element) {
        // do whatever you want with element
        // just element is the jqLite-wrapped object
        // element[0] is the raw DOM node
    }
  };
}]);

另请注意，element被包装为jqLit​​e对象，如果您需要原始DOM节点，则可以使用element[0]获取它。

通常，当您将指令应用于元素时，您可以在link函数中访问该元素。