角度2 - フォーム：その<code>div</code>はショッピングに（項目の数を特定の値を出力として、私は<code><form></code>その<code>div</code>のコンテンツ内に位置し<code>div</code>の値を取得したい

Question

は、ユーザが変更することができるのdiv要素の値を取得します。ユーザは、そのカート内の特定のアイテムの数を減らすことができる）。

私がしたいのは、そのdivの値を取得することです。私は角度2

P.S.にまったく同じことをしたい

document.getElementById("idOfDiv").innerHTML 

：JavaScriptで、我々はそのような何かをやっていますマイ角度2プロジェクトは

JSに基づいており、現在私が持っている：

<div #nbOfItems>{{ (items()) }}</div> 

Answer 1

あなたのコンポーネントにElementRefを経由して要素にアクセスすることができます

import {ElementRef, OnInit} from '@angular/core'; 

ngOnInit() { 
var el = this.element.nativeElement; 
console.log(el); 
} 

またはViewChildと：

import {ViewChild} from '@angular/core'; 

@ViewChild('nbOfItems') nbOfItems; 

ngAfterViewInit() { 
    console.log(this.nbOfItems.nativeElement.value); 
}