超過文本框中的最大位數後顯示離子彈出框

Question

我目前正在使用Ionic1和AngularJS進行基本計算。我想限制在屏幕上輸入的數字只有15位數。我想向用戶顯示一個離子彈出窗口。 我正在使用數字鍵（按鈕）在我的計算器中輸入數字。我怎樣才能做到這一點？

Answer 1

可以使用NG-變化和發送NG-模型值在控制器，輸入控制器檢查長度一旦其等於15就可以顯示彈出

Answer 2

可以使用$scope.$watch看你的模型值。

view.html

<input type="text" ng-model="inputValue"> 

controller.js

$scope.$watch('inputValue', function(newValue, oldValue) { 
    if(newValue.length === 15) { 
     showPopup(); // your function to show popup 
    } 
}); 

Answer 3

HTML：

<input type="input" id="myinput1" value="0" size="15" maxlength="15" /> 

個JS：

$(document).ready(function(){ 
    $('[id^=myinput1]').keypress(validateNumber); 
}); 
$("#myinput1").on('input', function() { 
    if ($(this).val().length>=15) { 
     alert('show pop up');  
    } 
}); 
function validateNumber(event) { 
    var key = window.event ? event.keyCode : event.which; 
    if (event.keyCode === 8 || event.keyCode === 46) { 
     return true; 
    } else if (key < 48 || key > 57) { 
     return false; 
    } else { 
     return true; 
    } 
}; 

JSFiddle Demo