Angular 自定义角度输入掩码

我确实有一个输入字段，其中填充了JSON对象数据

 dimension: {
   length: 10.00,
   width: 20.00,
   height: 30.00,
 }

输入如下所示：

 <input matInput [placeholder]="Dimension (LxHxW)" formControlName="dimensions" 
        name="dimensions" mask="00.0x00.0x00.0" [specialCharacters]="['x', '.']" 
        [clearIfNotMatch]="true" [showMaskTyped]="true"
  />

目标是正确映射掩码上的数据并获得 长度、宽度和高度之间用x连接->获取 灵活的面罩

当尺寸值的长度不同时，会出现问题：

e、 g.如果尺寸为2.3 x 12.3 x 42.2而不是2.3 x 12.3 x 42.2，则显示为23.1 x 23.4 x 22。（x移位）

---

你们能找到什么解决方案吗？

我想你们必须使用模式

以下示例取自but，显示了如何使用A1A 1A1表单处理加拿大邮政编码：

加拿大邮政编码

在您的情况下，您应该只更改模式正则表达式。

“angular2文本掩码”NPM库非常适合我

如果你需要帮助，请告诉我

谢谢

 let dimensions = null;
    if (dimensionObject) {
      dimensions = '' + dimensionObject.length + 'x' + dimensionObject.width + 'x'
        + dimensionObject.height;
    }

 <div>
   <label for="czc">Canadian Zip Code</label>
   <input id="czc" placeholder="XXX XXX" pattern="\w\d\w \d\w\d" class="masked" 
       data-charset="_X_ X_X" id="zipca" type="text" name="zipcodeca" 
       title="6-character alphanumeric zip code in the format of A1A 1A1" />
 </div>