如何實現角度UI屏蔽？

Question

我想創建多個屏蔽輸入字段。角UI面膜看起來像要走的路，但是，我找不到utility非常好的文檔。我發現an example for credit cards這很好地完成。我希望以幾乎完全相同的方式實現此功能，但需要1）電話號碼2）小數點3）百分比4）電子郵件5）貨幣，以便字段在用戶鍵入時被動態屏蔽。我的問題是我將如何去使用ui-mask來完成這些任務？還是有更好的方法來實現這一目標？實例或文檔鏈接，將不勝感激

Answer 1

我想你可以在這裏找到答案： https://github.com/angular-ui/ui-utils/issues/16

因爲它是在鏈路以動態的方式是，你可以從一個範圍/控制變量得到面具解釋，檢查輸入並根據需要更改掩碼，例如：

<input type="text" ui-mask="{{mask}}" ng-keyup="onKeyUp()" ng-model="myinput"> 


$scope.myinput = ''; 
var defaultMask = '(99) 9999-9999'; 
$scope.mask = defaultMask; 
$scope.onKeyUp = function(){ 
    if ($scope.myinput.slice(0,3) == '119') { // (11) 9 means mobile, or instead, you could use a regex 
    $scope.mask = '(99) 99999-9999'; 
    } else { 
    $scope.mask = defaultMask; 
    } 
};