I'm using a JQuery + Bootstrap keyboard that is configured specifically only for touch inputs in my Angular app (If i use the mouse to click on the keys, keyboard will close without typing any. It is written to close on on click events).
My problem is when i enter something to an input box whcih is binded to my controller using ng-model like the following code,
<input autocomplete="false" class="textInputSeeThrough keyboard"
ng-model="patientNIC" type="text" id="nic"
placeholder="--- ENTER NIC NUMBER ---">
var val1 = $scope.patientNIC; // this doesn't work
var val2 = document.getElementById("nic"); // this works
Simple answer is:
Angular doesn't know about changing in input. Every change must be wrap in