Уберите подчеркивание и добавьте финансовый год в Angular JS

Question

В настоящее время я работаю по одному сценарию, в котором из серверной части я получал значение, как показано ниже

123222_D1.123

Но мне нужно отображать в выпадающем списке дату, которая исходит из дБ (12 июня -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>

Вот мой html код для даты 20-ИЮН-2020 Ex

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

Я пытаюсь удалить значение до _ и мне нужно добавить год. Я пытался использовать split (' _ '), но это не работает.

Answer 1

Live: 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)+"_");
 } 
}

, а также не забудьте импортировать канал в модуль приложения в объявлениях