如何在Angular 1.5组件中选择元素？

Question

对于component ，我不再像以前在其父-指令中那样引用Elem或Attr ，而是将它们作为link或post内部的参数。

像我以前在指令中那样选择元素的最佳方法是什么？ 它改变了应该怎么做的方式吗？

为什么在Angular 1.5x的组件文档中没有记录？

Answer 1

您可以通过注入$element依赖项在组件控制器内部执行相同的操作。 但是在控制器加载时， $element不是编译的DOM。

在这种情况下，您可以使用Angular 1.5组件生命周期，就像我们有$postLink() ，它的工作原理与Angular 1指令的postLink / link函数相同。

为了访问属性，您需要在控制器内部注入$attrs服务。

零件

myMod.component('myComponent', {
  template: '<h1>Home</h1>',
  controller: function($element) {
    this.test = 'hello world';
    this.$postLink = function(){
      //here you have compiled DOM
      //you can play with element here.
      console.log("Post LInk DOM", $element);
    }
    console.log("Initial DOM", $element);
  }
});