angular - 以角度拆分和显示字符串值

Question

我调用customer了我在 中显示的api dropdown，通过选择特定客户，我在输入字段中显示所选客户详细信息（所选客户对象的属性）（即电话、时间），如下所示：

属性时间是一个string，我想像这样拆分并显示这个字符串：

我正在尝试通过拼接方法拼接它，但我无法实现它。

演示

标签： angulartypescript

Answer 1

在你的list.component.html 尝试像这样使用 split 。

<mat-form-field class="timings-days">
   <input matInput  placeholder="Hours" matInput [value]="customer?.time.split(':')[0]" >
</mat-form-field>
<mat-form-field  class="timings-hrs">
   <input matInput  placeholder="Minutes" matInput [value]="customer?.time.split(':')[1]" >
</mat-form-field>
<mat-form-field  class="timings-min">
   <input matInput  placeholder="Seconds" matInput [value]="customer?.time.split(':')[2]" >
</mat-form-field>