javascript - 在 Angular JS 中删除下划线并添加财政年度

Question

我目前正在处理一种情况，从后端我获得如下值

123222_D1.123

但我需要在下拉列表中显示来自 db(12-Jun-2020) 2020-D1.123 的日期

我当前在下拉列表中显示的上述值

这是我的 html 代码

      <select [(ngModel)]="selectedValue" name="vd" class="form-control form-control-sm bg-transparent pl-2 version-drpdown">
                <option *ngFor="let version of vd" [value]="version.versionDet">{{version.versionDet}}
                </option>                   
      </select>

这是我的 2020 年 6 月 20 日的 html 代码

<div class="version-label">Version Date : <span class="version-date">
    {{select.date}}</span>
</div> 

我正在尝试删除 _ 之前的值，并且我需要添加年份。我尝试使用 split (' _ ') 但这不起作用。

Answer 1

直播:https://stackblitz.com/edit/angular-6hzzvf?file=src%2Fapp%2Fapp.component.html

console.log("123222_D1.123".replace(/.*_/,"23-JUN-2020".slice(-4)+"_"));

.as-console-wrapper { max-height: 100% !important; top: 0; }

上述解决方案应该可以满足您的要求。 另外，如果你有很多元素。您需要创建一个完成这项工作的自定义管道。

HTML:

 {{version.versionNum | version-change:selectedVersion.versionDate}}

TS:

import { 
    Pipe, 
    PipeTransform 
 } from '@angular/core';  

 @Pipe ({ 
    name: 'version-change' 
 }) 

 export class VersionNameChanger implements PipeTransform { 
    transform(versionNum, date): number { 
     return versionNum.replace(/.*_/,date.slice(-4)+"_");
 } 
}

并且也不要忘记在声明中的应用程序模块中导入管道