javascript - 从另一个 HTML 元素获取值

标签 javascript html angular

当用户单击按钮时,我需要发送输入元素的值。在 Angular2 中实现这一目标的最佳方法是什么?

<input type="text" class="form-control" placeholder="Search for images..." />
<span class="input-group-btn">
  <button (click)="onClick($event)" class="btn btn-default" type="button">Go!</button>
</span>

最佳答案

您可以使用#name定义对输入的引用,然后您可以使用它name.value

<input type="text" class="form-control" placeholder="Search for images..." #inputElement />
<span class="input-group-btn">
  <button (click)="onClick($event, inputElement.value)" class="btn btn-default" type="button">Go!</button>
</span>

我想说这不是最好的而是最简单的

关于javascript - 从另一个 HTML 元素获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41756013/

相关文章:

javascript - 在加载指令模板后执行 Javascript

html - 如何在没有内容的情况下显示背景图片?

javascript - 使用单选按钮在面板中对齐

html - 如何使 HTML 表格可以复制粘贴到 Excel

javascript - AngularJS - 类型错误 : Cannot read property 'canonicalUrl' of undefined

javascript - 重新加载 DIV(站点)可防止进一步的 OnClick 处理程序 + 可见性

javascript - lodash 类型错误没有函数 findKey()

javascript - 在ajax数据中发送存储过程

javascript - 使用 [filter, map, some, reduce etc] 从二维数组的子对象创建一维数组

java - 请求的资源上不存在 'Access-Control-Allow-Origin' header 。错误