Удалите расширение файла каждого файла угловой 6

Question

HTML написан там, где я получаю имя файла, но я хочу избавиться от расширения файла, а также сохранить файлы в массиве и получить к ним доступ в пользовательском интерфейсе.

<div class="myReadingListContainer">
        <div class="readingList">
                My Reading List
        </div>
        <div class="myReadingList">
                <div class="uploadWrap">
                        <input type="file" #file (change)="onChange(file.files)" class="fileUploadInput" />
                        <div class="innerText">
                                <img src="assets/img/my_reading_list/Add.svg" class="addIcon">
                                <h6 class="addFile">Add Files</h6>
                        </div>
                </div>
                <div *ngFor="let file of fileList">
                        <div class="selectedFile">
                                <div class="documentName">
                                        {{file.name}}
                                </div>
                                <span *ngIf="file.type === 'application/pdf'">
                                        <img src="assets/img/my_reading_list/PDF.svg" class="fileTypeImage">
                                </span>
                                <span *ngIf="file.type === 'application/vnd.ms-excel'">
                                        <img src="assets/img/my_reading_list/Excel.svg" class="fileTypeImage">
                                </span>
                                <div class="readingStatus">
                                        20/35 Pages
                                </div>
                                <div class="progress">
                                        <div class="progressBar"></div>
                                </div>
                        </div>
                </div>
        </div>
</div>

Файл машинописного текста написан так.Поскольку я новичок в Angular 6, любая помощь очень ценится, заранее спасибо

import { Component, OnInit } from "@angular/core";

    @Component({
      selector: "app-myReadingList",
      templateUrl: "./myReadingList.component.html",
      styleUrls: \["./myReadingList.component.scss"\]
    })
    export class MyReadingListComponent implements OnInit {
      //localUrl: String;
      fileList: any = \[\];
      files: any;
      constructor() {}
      onChange(files: FileList) {
        console.log(files);
        this.files = files;
        this.fileList.push(files\[0\]);
        this.fileList.forEach(file => {
          let temp = file.name.split(".");
          file.name = temp.splice(0, temp.length - 1).join(".");
        });
        console.log(this.fileList);
      }
      ngOnInit() {}
    }

Answer 1

Вот пример кода для удаления расширения файла при отображении из каждого fileList.name

<div class="documentName">
    {{file.name.split('.').slice(0, -1).join('.')}}
</div>

Демо для того же