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

Question

我正在使用Angular和i18n来翻译不同语言的应用程序。

如何翻译输入文件上载按钮，选择文件和未选择文件文本。

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

ng2-file-upload

Answer 1

尝试这样的事情：

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

stackblitz

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);
  }
}