angular - Angular 7在组件的模板端获取元素ID值
问题描述
是否可以在模板本身(不是 .ts 端)内获取 html 元素的 id 值?看这个例子:
<div class="fillable-area">
<textarea id='middle_name' required>{{ dataService.getUserField('middle_name') }}</textarea>
<label for="middle_name">Middle name</label>
</div>
getUsetField()
我有一个 id 元素,它与我的数据服务的参数名称完全相同。有很多这样的元素,所以我认为能够做这样的事情会很好(只是为了不重复我自己):
<textarea id='middle_name' required>{{ dataService.getUserField(this.id) }}</textarea>
我需要它能够遍历我的所有数据字段(来自数据库并存储在对象中),获取它们的键名并在模板中找到相应的字段。
解决方案
它可以在模板引用变量的帮助下完成。在下面的示例中,变量txt
是为元素定义的textarea
,并用于获取id
元素的:
<textarea #txt id="middle_name" required>{{ dataService.getUserField(txt.id) }}</textarea>
推荐阅读
- php - 从 Ajax 到 Javascript 的返回值
- c++ - 打印包含多字节字符的固定宽度字符串
- firebase - 像这样将数据存储在nosql数据库中是一种好习惯吗?
- arm - 加载了无效地址的 ARM Cortex-M3 PC?
- node.js - 如何使用 vargrant&virtualbox 运行 NodeJS/VueJS 应用程序?
- python - 为什么我的合并排序代码给出索引错误
- powerpc - 在 PowerPC (ppc64le) 架构上找不到版本“GLIBCXX_3.4.21”
- gcc - 如何更正堆栈位置 arm-none-eabi-gcc?
- sql-server - SQL Server 创建具有类型的表
- git - 如何恢复 git lost and found 文件夹中的文件