在每个输入 HTML/JS 后添加一个逗号
我已经看过很多与这个问题相关的列表，但它们似乎都不起作用或不完全符合我的要求。
我有一个带有 input 的 HTML 文档type="text"。我正在尝试接受用户的数字，每次输入后，都会出现一个逗号。
前任。
User Enters 1234 -> Display 1,2,3,4
我希望将值保存到背面的数组中，所以同样的例子
array[0] = 1
array[1] = 2
array[2] = 3
array[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">
我只是好奇如何调用该控制器来创建一个将我的输入分开的函数。
MM们浏览 132回答 2
2回答
-
慕的地6264312
我会做这样的事情：<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(','); } }}]) -
跃然一笑
只要您不需要具有多个字符的数字（例如 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>
随时随地看视频慕课网APP
相关分类
JavaScript