要素のIDを取得する方法ViewChild angular2とjquery？

Question

私はこれを試してみましたが、私はあなたが余分な括弧を持って

@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. 未定義の値を取得angular2

   のjQueryとViewChildとの関係を持っている必要がありますあなたのコードで。

   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'); 

}