angular - 角内化翻译文件上传按钮文本

Question

我正在使用 Angular 并将i18n应用程序翻译成不同的语言。

如何翻译输入文件上传按钮选择文件和无文件选择文本。

<input type="file" ng2FileSelect [uploader] = "uploader">

ng2-文件上传

Answer 1

尝试这样的事情：

您可以使用传统创建自定义文件上传，因此您可以使用Angular internalization translate.

堆栈闪电战

HTML：

<label class="custom-file-upload">
            <input #fileInput  type="file" (change)="select($event)" />
            <span i18n>Upload File</span>
        </label>

CSS：

input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: none;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    float: left;
    margin-bottom: 20px;
    a {
        color: #0000ee;
    }

    a:hover {
        color: #0000ee;
        text-decoration: underline;
    }
}

TS：

export class AppComponent {

  @ViewChild('fileInput') fileInput: any;
  select(event) {
    console.log(event);
  }
}