亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

在每個輸入 HTML/JS 后添加一個逗號

在每個輸入 HTML/JS 后添加一個逗號

MM們 2022-10-08 15:07:13
我已經看過很多與這個問題相關的列表，但它們似乎都不起作用或不完全符合我的要求。我有一個帶有 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(',');

    }

  }

}])


查看完整回答
反對 回復 2022-10-08
?
躍然一笑

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>


查看完整回答
反對 回復 2022-10-08
  • 2 回答
  • 0 關注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號