angular - 如何将 accept 和 allowedfileExtension 分配给 dx-file-uploader (DevExtreme 21.1.5)

Question

我有一个 dx-file-uploader (devextreme 21.1.5 - angular) ，我想动态设置 accept 和 allowedfileExtension 属性。

我的值来自我的 environment.ts，我正确加载了值，但是当我将值分配给属性时，我的 typescript 错误为红色。

我的环境.ts

 export const environment = {   
 production: false,  
 allowedFileExtensionsToUpload: "['.csv', '.xml']",  
 acceptedFilesToUpload: ".csv,.xml",
 allowedFileExtensionsToDownload: "['.pdf','.xlsx','.xlsm','.docx','.jpg']", 
};

我的 document.component.html

<div class="content-block">   <div class="dx-card responsive-paddings">
        <!--ChunckSize 2mb-->
        <dx-file-uploader
          #fileUploader
          name="files"
          uploadUrl="https://localhost:5001/api/UpdloadContentToInterfaceFolder?folder=document"
          [chunkSize]=2000000
          [multiple]="true"
          [accept]= {{acceptedFilesToUpload}}
          [(value)]="value"
          [allowedFileExtensions] = {{allowedFileExtensionsToUpload}}
          uploadMode="useButtons"
          (onFilesUploaded)="onFilesUploaded($event)">
        </dx-file-uploader>   </div> </div>

我的 document.component.ts

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { locale, loadMessages } from 'devextreme/localization';
import frMessages from 'devextreme/localization/messages/fr.json';
import { environment } from '../../../../../environments/environment';

@Component({
  selector: 'app-document',
  templateUrl: './document.component.html',
  styleUrls: ['./document.component.scss']
})
export class DocumentComponent implements OnInit {

  allowedFileExtensionsToUpload = environment.allowedFileExtensionsToUpload;
  acceptedFilesToUpload = environment.acceptedFilesToUpload;

  value: any[] = [];

  onFilesUploaded(e: any) {
   console.log(this.value);
  }

  constructor(http: HttpClient) {
    loadMessages(frMessages);
    locale("fr");
  }

  ngOnInit() {
  }

}

我究竟做错了什么？

标签： angularsetdevextreme