首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ElementRef.find()不是函数angular 2

ElementRef.find()不是函数angular 2
EN

Stack Overflow用户
提问于 2017-02-04 21:32:45
回答 1查看 5.9K关注 0票数 1

我正在尝试将我的angular 1指令代码转换为angular 2,但它抛出了一个错误,指出ElementRef.find()不是一个函数。有没有其他方法可以达到同样的效果。若要在元素中查找元素,请执行以下操作。

角度1

代码语言:javascript
运行
复制
link: function ($scope, $elem, attrs) {
            var elem = $elem[0] table = $elem,
                thead = table.find('thead'),
                tbody = table.find('tbody'),
       }

角度2

代码语言:javascript
运行
复制
 constructor(el: ElementRef, renderer: Renderer) {
    this.elem = el.nativeElement;
    this.table = el,
    this.thead = this.table.find('thead');
    this.tbody = this.table.find('tbody');
    this.tableWidth = this.table[0].getBoundingClientRect().width;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-02-04 21:34:07

构造函数(私有el: ElementRef,私有渲染器:渲染器) {}

代码语言:javascript
运行
复制
 //ngAfterContentInit() { // for directive or projected content
 ngAfterViewInit() { // for searching a components template
    this.elem = el.nativeElement;
    this.table = el,
    this.thead = this.table.querySelector('thead');
    this.tbody = this.table.querySelector('tbody');
    this.tableWidth = this.table[0].getBoundingClientRect().width;
 }

findjQuery。Angular2中不包含jQuery

另请参阅angular 2 / typescript : get hold of an element in the template

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42040980

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档