AngularJS指令优化：仅允许输入数字，屏蔽斜杠

嘿，你已经搭建了一个不错的指令基础！其实你当前用的正则表达式 /[^0-9]/g 已经能完美实现“仅允许数字输入、自动屏蔽斜杠”的需求——因为 [^0-9] 是一个反向字符集，它会匹配所有不属于0-9的字符（包括斜杠/、字母、特殊符号等等），再通过replace把这些非数字内容全部替换为空。

如果想要让代码可读性更强（避免后续维护时产生混淆），你也可以把斜杠明确标注在排除规则里，虽然效果和原正则完全一致，但逻辑会更直观：

// 原正则（已满足需求）
var transformedInput = text.replace(/[^0-9]/g, '');
// 明确标注排除斜杠的写法（效果相同）
// var transformedInput = text.replace(/[^0-9]|\/g, '');

另外提个小建议：你代码里的alert在生产环境记得去掉哦，不然用户输入时会频繁弹出提示，影响体验。优化后的完整指令逻辑可以参考下面的写法：

if (text) {
  var transformedInput = text.replace(/[^0-9]/g, '');
  if (transformedInput !== text) {
    ngModelCtrl.$setViewValue(transformedInput);
    ngModelCtrl.$render();
  }
  return transformedInput;
}

再简单拆解下这个正则的核心逻辑：

• ^ 在字符集[]内部代表“非”，所以[^0-9]会匹配所有阿拉伯数字以外的字符
• g 是全局匹配标志，确保把输入内容里所有非数字字符都过滤掉，而不是只处理第一个

这样修改后，用户输入的任何非数字内容（包括斜杠/）都会被自动清除，输入框只会保留纯数字内容。

内容的提问来源于stack exchange，提问作者Thejas