javascript - Angular 2 - 表格 : Get div element value

Question

我想获得 div 的值位于 <form> 内那的内容div可以由用户更改为 div输出特定值(购物车中的商品数量，用户可以添加、减少该购物车中特定商品的数量)。

我想做的是获取那个 div 的值，例如。在 JavaScript 中，我们正在做类似的事情:

document.getElementById("idOfDiv").innerHTML

我想在 Angular 2 中做完全相同的事情

附言我的 Angular 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);
}