我有一个输入字段,并为此声明了一个临时变量。
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)]
答案 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