我已经看过很多与这个问题相关的列表，但它们似乎都不起作用或不完全符合我的要求。我有一个带有 input 的 HTML 文档type="text"。我正在尝试接受用户的数字，每次输入后，都会出现一个逗号。前任。User Enters 1234 -> Display 1,2,3,4我希望将值保存到背面的数组中，所以同样的例子array[0] = 1array[1] = 2array[2] = 3array[3] = 4我的 HTML 文件看起来像这样<div class="input-group mb-3"> <input type="text" ng-keyup="format(this)"></div>顶级 DIV CLASS 使用 ng-controller<div class="modal-body" ng-controller="SplitCtrl">我只是好奇如何调用该控制器来创建一个将我的输入分开的函数。
2 回答
慕的地6264312
TA贡献1817条经验 获得超6个赞
我会做这样的事情：
<div ng-controller="SplitCtrl">
<div class="input-group mb-3">
<input type="text" ng-model="text" ng-keyup="format($event)">
</div>
</div>
var app = angular.module('myApp', []);
app.controller('SplitCtrl',['$scope' ,function ($scope) {
$scope.format = function(e) {
if ($scope.text.length > 1) {
var text = $scope.text.split('').filter(function(_, i) {
return (i % 2) === 0;//filter out previous commas
}).join('') + e.key;
$scope.text = text.split('').join(',');
}
}
}])
跃然一笑
TA贡献1826条经验 获得超6个赞
只要您不需要具有多个字符的数字（例如 10 个），这应该可以。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="//code.angularjs.org/1.8.0/angular.min.js"></script>
</head>
<body ng-app="myApp">
<script>
angular.module('myApp', [])
.controller('AppController', ['$scope', function($scope) {
$scope.change = function() {
$scope.numbers = $scope.numbers.replace(/,/g, '').split('').join(',');
};
}]);
</script>
<div ng-controller="AppController">
<input type="text" ng-model="numbers" ng-change="change()" />
</div>
</body>
</html>
添加回答
举报
0/150
提交
取消