15 Typescript (3) json ..

 Credits


npm install lite-server --save-dev
package.json -> "scripts":[ .... "start":"lite-server"

Find index.html  

in tsconfig,json

"resolveJsonModule": true,

json data (menu.json)

[
{"key":"hola", "translation": ["hola", "hola","hello","Hallo"]},
{"key":"now", "translation": ["ahora", "ara","now","alssecspiken"]}
]


a module for reading json (index.ts)

import menu from "../data-i18n/i18n-menu.json"
import field from "../data-i18n/i18n-field.json"


console.log(menu[0].key);
console.log(menu[0].translation[0]);
console.log(menu[1].key);
console.log(menu[1].translation[1]);

Comentarios

Publicar un comentario

Entradas populares de este blog

14 Typescript (2) with jquery, bootstrap and other module stuff

Imagen
1. Introduction Modules are rather tedious and difficult to be understood. There are many module types (Commonjs, AMD, UMD, System) as Jurgen Van Moere explains.  Node, however, works well with Commonjs modules but cannot integrate well with other modules (AMD, System..) Webpack comes to the rescue, but it is a bit difficult to use. With the help of some sites like Neoguias  and  Swashbuckling  this task is much more easier. Our schedule is: Create the basics Create a simple web page with html and javascript Creating a simple module Importing and using a simple node module (is-what) and @types Importing and using jquery 1. The basics. Installation Open VS Code and execute these commands in the terminal window # create the project folder mkdir webpack-jq cd webpack-jq # create the package.json and ask for project basic info npm init -y # install webpack and cli (opt -D is equivalent to --save-dev ) npm i -D webpack webpack-cli # create the folder src (source...
Leer más

11. TypeScript (1) recap with "Makigas"

Imagen
Credits Makigas typescript course . Makigas (Dani)  is a great programming evangelist. His channel is in Spanish.  1. Install VS Code, node, and npm  2. Create a project folder (for instance makigas01)  3. Enter this folder and type npm init . Accept all the default parameters. Verify that the file package.json has been created.  4. Install typescript inside this project ( npm i --save-dev typescript ) and verify that in this folder there are these files or directories (node_modules, package.json, and package-lock.json) and execute  node_modules/.bin/tsc and verify that works.  5. In the package.json file verify the ts version (in the dependencies section, in my case is 4.6.4)  6. Open VS Code and go to the folder makigas01 and press  to create a new file for instance first.ts . Save it with Cntrl-S    7. Compiling: Option 1: (terminal  node_modules/.bin/tsc first.ts  ) Option 2: (Edit package.json and in the scripts se...
Leer más

04. Download (Files, Streams...). Show PDFs. Anchor problem, Iframes

1. Introduction It is important to download resources from the web (PDFs, CSVs, images..) Let's follow these steps: 2. Prerequisites: Add dependencies 1. Add the reference to Apache commons-io in the build.gradle file /* * This file was generated by the Gradle 'init' task. * * This generated file contains a sample Java library project to get you started. * For more details take a look at the 'Building Java & JVM projects' chapter in the Gradle * User Manual available at https://docs.gradle.org/6.8/userguide/building_java_projects.html */ plugins { // Apply the java-library plugin for API and implementation separation. id 'java-library' id 'war' } repositories { // Use JCenter for resolving dependencies. jcenter() } dependencies { // Use JUnit test framework. testImplementation 'junit:junit:4.13' // JSP & SERVLETS compileOnly 'jakarta.servlet:jakarta.servlet-api:5.0...
Leer más