使用Hashtag保存在变量中

Question

我不是网络开发人员，但我想知道是否以某种方式保存用户在网络表单中输入的变量：

<input type="text" #hobby>

它连接到angular 4或者是使用hashtag在变量中保存内容的常规方法。

很抱歉，但我没有找到任何关于。

的文档

谢谢

Answer 1

在Angular中，这称为Template variable。使用该名称，您可以访问模板中的input及其属性，也可以通过ViewChild，ViewChidren

在组件中访问该属性

在模板中访问

<input type="text" #hobby>
<button (click)="setHobby(hobby.value)">Set Hobby</button

在这里，我通过setHobby将hobby.value函数传入输入值。

访问组件

@ViewChild('hobby') myInput;

可以通过myInput变量在组件中访问输入元素。