如何在angular 8中获取index.html模板上的元件值？

在Angular 8中获取index.html模板上的元素值，可以通过以下步骤实现：

1. 在组件的HTML模板文件中，使用Angular的模板引用变量（Template Reference Variable）来标记需要获取值的元素。例如，给元素添加一个标识符，如#myElement。

<div #myElement>这是一个示例元素</div>

1. 在组件的Typescript文件中，使用@ViewChild装饰器和ElementRef来获取模板上的元素引用。

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  @ViewChild('myElement', {static: false}) myElement: ElementRef;

  getValueFromTemplate() {
    const elementValue = this.myElement.nativeElement.innerHTML;
    console.log(elementValue);
  }
}

1. 在需要获取元素值的地方调用getValueFromTemplate()方法，即可获取到模板上元素的值。

需要注意的是，@ViewChild装饰器中的第一个参数是模板引用变量的名称，第二个参数{static: false}用于指定是否在静态查询中获取元素。如果模板上的元素是在ngAfterViewInit之后动态生成的，需要将{static: false}设置为true。

这种方法适用于获取任何类型的元素值，包括文本、属性、样式等。如果需要获取表单元素的值，可以使用Angular的表单模块来实现。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云云数据库MySQL（CDB for MySQL）等。你可以通过访问腾讯云官方网站获取更多产品信息和文档：腾讯云。