0
行
控制我有创建行的角度表:如何设置输入掩码当角generete在
<tr ng-repeat="rowContent in rows" class="gridRow">
<td>
<input type="text" id="txtCompanyTitle" class="form-control" ng-model="CompanyTitle" />
</td>
<td>
<input type="text" id="txtCompanyTaxes" class="form-control currencyMask" ng-model="CompanyTaxes" />
</td>
<td>
<button type="button" ng-click="deleteRow(rowContent)" class="btn btn-danger btn-sm">
<span class="glyphicon glyphicon-trash"></span>
</button>
</td>
<tr>
<button type="button" class="btn btn-default btn-sm" ng-click="addRow()">
<span class="glyphicon glyphicon-plus"></span> Add
</button>
我需要使用设置txtCompanyTaxes的面具:
$(".currencyMask").inputmask('currency', {
prefix: '',
groupSeparator: '@Global.Mask_NumberGroupSeparetor',
radixPoint: '@Global.Mask_NumberRadixPoint',
autoGroup: true
});
我做请尝试下面的内容,但是在创建下一行时(最后一行永远不会获得掩码)它只在当前行上工作:
<script>
var myApp = angular.module('MyApp', [])
myApp.controller('Companies', ['$scope', function ($scope) {
$scope.rows = ['Row 1'];
$scope.counter = 2;
$scope.addRow = function() {
$scope.rows.push('Row ' + $scope.counter);
$scope.counter++;
$(".currencyMask").inputmask('currency', {
prefix: '',
groupSeparator: '@Global.Mask_NumberGroupSeparetor',
radixPoint: '@Global.Mask_NumberRadixPoint',
autoGroup: true
});
}
$scope.deleteRow = function (item) {
if (confirm("@Global.Form_AreYouSure")) {
var index = $scope.rows.indexOf(item);
$scope.rows.splice(index, 1);
}
}
}]);
</script>
这将是更好地创建'currencyMask'一个指令 – Satpal