如何在组件中找到元素？

Question

我想知道如何使用Renderer在组件中找到元素？

在angular1我会去:

link = (scope, element, attributes) => {
            var outsideBox = element.find('.outside-box');
}

哪个给我一个回报 <div class="outside-box"></div>

任何指针都非常受欢迎!

Answer 1

我会用它的selectRootElement方法:

import {Component,Renderer} from 'angular2/core';

@Component({
  selector: 'my-app',
  template: `
    <div>
      <div class="outside-box"></div>
      <div (click)="onClick()">Click</div>
    </div>
  `
})
export class AppComponent {
  constructor(private renderer:Renderer) {
  }

  onClick() {
    var outsideBox = this.renderer.selectRootElement('.outside-box');
  }
}

请参阅此plunkr:https://plnkr.co/edit/9OJ9kr ？ p = preview