在每个输入 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>

顶级 DIV CLASS 使用 ng-controller

我只是好奇如何调用该控制器来创建一个将我的输入分开的函数。

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