如何读取template / html /临时声明的输入变量的值

时间:2019-05-15 07:18:14

标签: angular

我有一个输入字段,并为此声明了一个临时变量。

dtRow

如何使用 <input type="text" #inputText autofocus placeholder="Add text" /> <button>{{inputText.value.length > 0 ? 'Send' : 'Type'}}</button> <br/> Length = {{inputText.value.length}} <br/> Value = {{inputText.value}} <br/> Value Length = {{(inputText.target && inputText.target.value)}} 打印值。还有其他方法可以将值绑定到[(ngModel)]

Stackblitz

2 个答案:

答案 0 :(得分:0)

您可以为此使用keyup方法=>(keyup)=“ changeInput(inputText.value)”。

在component.ts中,在changeInput方法内部将其分配给另一个变量,您可以使用该变量在HTML中显示。

答案 1 :(得分:0)

您为什么不想使用NgModel?

<input [(ngModel)]="inputText" placeholder="Add Text" type="text" />

作为替代方案,您可以使用以下任何https://angular.io/guide/user-input