Angular-material & Laravel: multiple & single file upload : Angular part (1)

app.module.ts

import {CommonModule} from '@angular/common';
import {NgModule} from '@angular/core';

import {DataService} from '../../shared/services/data.service';
import {FileUploadService} from './services/file-upload.service';

import {FlexModule} from '@angular/flex-layout';
import {RouterModule} from "@angular/router";
import {
    MatFormFieldModule, MatIconModule, MatInputModule, MatSnackBarModule,
    MatCardModule, MatListModule, MatGridListModule,MatTabsModule,MatChipsModule,
} from '@angular/material';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';

import { FileUploadComponent } from './file-upload/file-upload.component';

@NgModule({
    declarations: [FileUploadComponent],
    
    imports: [
	CommonModule,
        FlexModule,
        MatFormFieldModule,
        MatInputModule,
        
        MatButtonModule,
        MatIconModule,
        ReactiveFormsModule,
        MatSnackBarModule,
        FormsModule,
        MatCardModule,
        MatListModule,
        MatGridListModule,
        MatTabsModule,
        MatMenuModule,
        FormsModule,
        MatChipsModule,
		
	RouterModule.forRoot([
		{path: '', component: FileUploadComponent}
	]),

    ],
    providers: [FileUploadService ]
})
export class FileModule {}