如何在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);
  }
});