如何获取元素ViewChild angular2和jquery的ID？

Question

我需要在jquery和angular2的ViewChild之间建立关系

我尝试了这个，但我得到了未定义的值

@ViewChild('item', {read: ViewContainerRef}) Item;

console.log( $(this.Item.nativeElement).attr('id')) );

更新部分

<div class="container col411 col-sm-4" id="div411Item" 
        style="border: 1px solid #9DA0A4;" (dblclick)="ActiveEditcol411()" #Item>
    new content
</div>

ActiveEditcol411(){
    $('#Item').prop('contenteditable','true');
}

Answer 1

1. 您的代码中有一个额外的括号。

     

   conole.log（$（this.Item.nativeElement）.attr（'id'）））;

2. 您确定html标签中有id属性吗？如果您没有，请添加并尝试以下代码：      console.log（$（this.Item.nativeElement）.attr（'id'））;

答案更新：

<div class="container col411 col-sm-4" id="div411Item"  style="border: 1px solid #9DA0A4;" (dblclick)="ActiveEditcol411()" #Item>
new content
</div>

@ViewChild('Item', {read: ViewContainerRef}) Item;

ActiveEditcol411(){
    $(this.Item.element.nativeElement).prop('contenteditable','true');

}