angular - 如何从 js 文件中获取对象文字并将其读取到 Angular ts 文件中

Question

这是stackblitz。这是我的代码：

语言.js

var es = {
  firstDayOfWeek: 1,
  dayNames: [
    "domingo",
    ...
  ],
  dayNamesShort: ["dom", ...],
  dayNamesMin: ["D", "...]
};

app.component.ts

import { Component, OnInit, VERSION } from "@angular/core";
import * as languageVariable from "./languages.js";

@Component({
  selector: "my-app",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent implements OnInit {
  name = "Angular " + VERSION.major;

  ngOnInit() {
    console.log(languageVariable.es);
  }
}

输出：

不明确的

请指出我的错误。

标签： angulartypescript

Answer 1

对于多个语言对象，您可以像这样使用单个导出剩余代码，这与@kevin 共享的相同。

export const es= {
  en:{
    firstDayOfWeek: 1,
    dayNames: [
      "domingo",
      "lunes",
      "martes",
      "miércoles",
      "jueves",
      "viernes",
      "sábado"
    ],
    dayNamesShort: ["dom", "lun", "mar", "mié", "jue", "vie", "sáb"],
    dayNamesMin: ["D", "L", "M", "X", "J", "V", "S"]
  },
  gb:{
      firstDayOfWeek: 1,
        dayNames: [
          "domingo",
          "lunes",
          "martes",
          "miércoles",
          "jueves",
          "viernes",
          "sábado"
        ],
      dayNamesShort: ["dom", "lun", "mar", "mié", "jue", "vie", "sáb"],
      dayNamesMin: ["D", "L", "M", "X", "J", "V", "S"]
  },
  fr:{
    
  }
  
};