Question

我希望获得<form>位于div内的div的值，用户可以更改document.getElementById("idOfDiv").innerHTML的内容，因为<div #nbOfItems>{{ (items()) }}</div>输出特定值（购物车中的商品数量，用户可以添加，减少购物车中某个商品的数量）。

我想要做的是获得该div的值，例如。在JavaScript中，我们正在做类似的事情：

$params

我想在 Angular 2

中做同样的事情

P.S。我的Angular 2项目基于 JS

目前我有：

elif [ $# -eq 1 ] && [ "$1" = all ]; then
    set -- one two three four five
    # ^ this modifies argv ($@)
fi

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

Angular 2 - Forms：获取div元素值

1 个答案: