angularjs：仅接受数字（最长为10个字符）

Question

我是第一次进行角度开发，我的要求是输入长度只能为10以内的数字。
经过大量搜索后，我知道我可以将输入类型用作数字，这将仅限制数字，但是这样做的问题是，它允许e字符作为指数叹气，而-则为数学数字符号。我不想这样。我需要的是文本区域只能包含最多10个字符的数字。 因此，我将输入类型用作文本，如下所示：

在组件模板中，我定义了以下内容：

$
 <div class="number">
   <input type="text" formControlName="Q4a" maxlength="10" ng-
   pattern="onlyNumbers" required /><!"/^[0-9]{1,7}$"  ---->
                </div>   


onlyNumbers = '/^\d+$/';
$   

但这不起作用。允许的最大长度为10个字符，但允许字符。
如何实现我所需要的输入区域，最多只能输入10个字符？