如何在包含数据的输入文本上绑定事件

Question

在下面发布的html代码中，我有一个标记，我想知道如何绑定指示触发输入文本标记的事件。换句话说。我想在输入上激发或发出一个事件标记中充满了数据，类似于绑定按钮中的(点击(事件请告诉我怎么做

代码：

<span class="classOriginLat">
<label for="originLatLabel">origin Latitude:</label>
<input type="text" class="classInputOriginLat"id="originLatTextId" name="originLatText" required [(ngModel)]=IMeasurementCoordinates.originLat>
</span>

Answer 1

HTML模板

<input (change)="onInputChange($event)"/>

事件的控制器方法

onInputChange(e) {
console.log('input change event data', e);
}

Answer 2

oninput可以是您的解决方案。

var txtInputFilled = false;
function print(element) {
if(element.value.length > 0) {
console.log(element.value);
txtInputFilled = true;
}
else {
txtInputFilled = false;
}
}
function check() {
console.log("text input filled : " + txtInputFilled);
}

<input id="txt" type="text" oninput="print(this);"/>
<button type="button" onclick="check();">check</button>

看看不同输入案例中类似问题的答案。