如何找到一个组成元素？ [英] How to find element in a component?

问题描述

我想知道我怎么可以用找到组件内部元素的渲染

I am wondering how can I find element inside a component using Renderer?

在angular1我只想去：

In angular1 I would just go:

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

这将返回我一个＆LT; D​​IV CLASS =外箱＆GT;＆LT; / DIV＆GT;

任何指针都无任欢迎！

推荐答案

我会用它的 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

这篇关于如何找到一个组成元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！