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 (sources folder) mkdir sr
Leer más

05. Resource bundles (i18n)

Imagen
 1. Introduction There are several ways to use resource bundles. By now, let's use  java  instead of xml ( <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" % > ) 1. First lay the resource files ( main _ language .properties ) in the folder  src/main/resources/i18n 2. Create a jsp file 3. Add a new page directive with the includes ( Locale y ResourceBundle ) 4. Get the locale from the request and the resource bundle from the relative path " i18n/main " 5. Assign the localized value using   <%=bundle.getString("key") %> The source code is <%@ page language = "java" contentType = "text/html; charset=UTF-8" pageEncoding = "UTF-8" %> <%@ page import = " java.io.* , java . util . Locale , java . util . ResourceBundle " %> <!DOCTYPE html> <html> <head> <meta http-equiv= "Content-Type" content= "text/html;
Leer más

03. Servlets, Filters and Listeners

 1. Introduction This page is based on Baeldung Since java servlet 3.0, no "web.xml" file is needed. this file has been replaced by annotations 2. Servlets The @ WebServlet annotation is used: @WebServlet ( urlPatterns = "/trim" , name = "trimServlet" ) public class TrimServlet extends HttpServlet { public void doGet ( HttpServletRequest request , HttpServletResponse response ) throws IOException { String inputString = request . getParameter ( "input" ). trim (); PrintWriter out = response . getWriter (); out . println ( inputString ); } } 3. Filters Whose mission is to intercept requests or responses. In this case, intercepts the call to the previous servlet and check if the parameter "input" is correct. The @ WebFilter annotation is used @WebFilter ( urlPatterns = "/trim" ) public class EmptyParamFilter implements Filter { @Override public vo
Leer más