{"id":4919,"date":"2017-03-05T15:12:42","date_gmt":"2017-03-05T13:12:42","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=4919"},"modified":"2019-01-05T19:56:37","modified_gmt":"2019-01-05T17:56:37","slug":"ionic2-visejezicnost","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/","title":{"rendered":"Ionic 2 &#8211; Podr\u0161ka za vi\u0161ejezi\u010dnost"},"content":{"rendered":"<p>Kako raste va\u017enost mobilne aplikacije tako se pove\u0107ava i nu\u017enost vi\u0161ejezi\u010dnosti. U ovom blog pro\u0107i \u0107emo kroz postupak dodavanja podr\u0161ke za vi\u0161ejezi\u010dnost kori\u0161tenjem <a href=\"https:\/\/ionicframework.com\/docs\/v2\/resources\/ng2-translate\/\" target=\"_blank\"><em>NG2-Translate plugina<\/em><\/a>. Hrvatski jezik \u0107emo postaviti kao zadani dok \u0107e se uz njega mo\u0107i odabrati jo\u0161 engleski i njema\u010dki jezik.<\/p>\n<p>Uz pretpostavku da ste ve\u0107 <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/\" target=\"_blank\">pokrenuli novi <em>Ionic 2<\/em> projekt<\/a> mo\u017eemo krenuti dalje.<\/p>\n<h2>Dodavanje <em>NG2-Translate plugina<\/em><\/h2>\n<p><a href=\"https:\/\/ionicframework.com\/docs\/v2\/resources\/ng2-translate\/\" target=\"_blank\"><em>NG2-Translate plugin<\/em><\/a> dodajemo pomo\u0107u naredbe<\/p>\n<pre class=\"lang:sh decode:true\">$ npm install ng2-translate --save<\/pre>\n<p>Nakon toga fokus prebacujemo na <span class=\"lang:batch decode:true  crayon-inline\">app.module.ts<\/span>.<\/p>\n<p>Kako bi uop\u0107e mogli koristiti <em>NG2-Translate<\/em> moramo ga uvesti u <span class=\"lang:batch decode:true  crayon-inline\">app.module.ts<\/span>.<\/p>\n<pre class=\"lang:js decode:true \" title=\"app.module.ts\" >import { TranslateModule, TranslateStaticLoader, TranslateLoader} from 'ng2-translate\/ng2-translate';\r\nimport { Http } from '@angular\/http';<\/pre>\n<p><a href=\"https:\/\/ionicframework.com\/docs\/v2\/resources\/ng2-translate\/\" target=\"_blank\">NG2-Translate<\/a> kao zadano tra\u017ei datoteke s prijevodom unutar mape <span class=\"lang:batch decode:true  crayon-inline\">i18n\/<\/span> i tu \u0107emo mapu kreirati unutar <span class=\"lang:batch decode:true  crayon-inline\">src\/assets<\/span>.<\/p>\n<pre class=\"lang:js decode:true \" title=\"app.module.ts\" >export function createTranslateLoader(http: Http) {\r\n\treturn new TranslateStaticLoader(http, '.\/assets\/i18n', '.json');\r\n}<\/pre>\n<p>Naravno, sada trebamo kreirati <span class=\"lang:batch decode:true  crayon-inline\">i18n<\/span>  mapu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ionic2-visejezicnost-mapa.jpg\" alt=\"Ionic 2 \u2013 Podr\u0161ka za vi\u0161ejezi\u010dnost  - kreiranje mape\" width=\"548\" height=\"181\" class=\"aligncenter size-full wp-image-4927\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ionic2-visejezicnost-mapa.jpg 548w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ionic2-visejezicnost-mapa-300x99.jpg 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/p>\n<p>Odmah nakon toga dodajemo ga i u  <span class=\"lang:js decode:true  crayon-inline \" >NgModule<\/span>  niz.<\/p>\n<pre class=\"lang:js decode:true \" title=\"app.module.ts\" >imports: [\r\n  IonicModule.forRoot(MyApp),\r\n  TranslateModule.forRoot({\r\n    provide: TranslateLoader,\r\n    useFactory: (createTranslateLoader),\r\n    deps: [Http]\r\n  })\r\n]<\/pre>\n<h2>Kreiranje .json datoteka<\/h2>\n<p>Za svaki jezik koji \u017eelimo omogu\u0107iti u <em>Ionic 2<\/em> aplikaciji moramo napraviti posebnu <span class=\"lang:batch decode:true  crayon-inline\">.json<\/span> datoteku. U ovom slu\u010daju imamo tri <span class=\"lang:batch decode:true  crayon-inline\">.json<\/span> datoteke.<\/p>\n<ul>\n<li><span class=\"lang:batch decode:true  crayon-inline\">hr.json<\/span> za hrvatski<\/li>\n<li><span class=\"lang:batch decode:true  crayon-inline\">en.json<\/span> za engleski<\/li>\n<li><span class=\"lang:batch decode:true  crayon-inline\">de.json<\/span> za njema\u010dki<\/li>\n<\/ul>\n<p>Datoteke izgledaju ovako:<\/p>\n<p><span class=\"lang:batch decode:true  crayon-inline\">hr.json<\/span><\/p>\n<pre class=\"lang:default decode:true\">{\r\n\t\"poruka\": \"Dobrodo\u0161li\",\r\n\t\"uvod\" : \"Uvod\",\r\n    \"odjava\" : \"Odjava\"\r\n}<\/pre>\n<p><span class=\"lang:batch decode:true  crayon-inline\">en.json<\/span><\/p>\n<pre class=\"lang:default decode:true\">{\r\n\t\"poruka\": \"Welcome\",\r\n\t\"uvod\" : \"Introduction\",\r\n     \"odjava\" : \"Log out\"\r\n}<\/pre>\n<p><span class=\"lang:batch decode:true  crayon-inline\">de.json<\/span><\/p>\n<pre class=\"lang:default decode:true\">{\r\n\t\"poruka\": \"Willkommen\",\r\n\t\"uvod\" : \"Einf\u00fchrung\",\r\n     \"odjava\" : \"Ausloggen\"\r\n}<\/pre>\n<h2>Kori\u0161tenje vi\u0161ejezi\u010dnosti<\/h2>\n<p>Odlu\u010dili smo da \u0107e zadani jezik biti hrvatski. Zato u <span class=\"lang:batch decode:true  crayon-inline\">app.component.ts<\/span> dodajemo sljede\u0107e:<\/p>\n<pre class=\"lang:js mark:10 decode:true\" title=\"app.component.ts\" >import {TranslateService} from 'ng2-translate';\r\n\r\n...\r\n\r\nconstructor(_platform: Platform,\r\n            _translate: TranslateService) {}\r\n\r\n _platform.ready().then(() =&gt; {\r\n    \/\/Zadani jezik\r\n       _translate.setDefaultLang('hr');\r\n  });<\/pre>\n<p>Prikaz prijevoda:<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"home.html\" >&lt;ion-list inset&gt;\r\n   &lt;ion-item&gt;{{ 'poruka' | translate:param }}&lt;\/ion-item&gt;\r\n   &lt;ion-item&gt;{{ 'uvod' | translate:param }}&lt;\/ion-item&gt;\r\n   &lt;ion-item&gt;{{ 'odjava' | translate:param }}&lt;\/ion-item&gt;\r\n&lt;\/ion-list&gt;<\/pre>\n<p>Jezik koji postavimo na ovaj na\u010din automatski se u\u010ditava prilikom pokretanja Ionic 2 aplikacije. <\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ng2-translate-zadani-jezik.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ng2-translate-zadani-jezik.gif\" alt=\"ng2-translate zadani jezik\" width=\"1185\" height=\"620\" class=\"aligncenter size-full wp-image-4943\" \/><\/a><\/p>\n<h2>Napredno kori\u0161tenje vi\u0161ejezi\u010dnosti<\/h2>\n<p><strong>\u0160to kada \u017eelimo korisniku omogu\u0107iti da samostalno bira na kojem jeziku \u017eeli koristiti mobilnu aplikaciju?<\/strong> <\/p>\n<p>U tom slu\u010daju dodajemo tri funkcije <\/p>\n<pre class=\"lang:js decode:true \" title=\"home.ts\" > translateCroatian(){\r\n    this._translate.use('hr');\r\n  }\r\n\r\n   translateEnglish(){\r\n    this._translate.use('en');\r\n  }\r\n\r\n   translateGerman(){\r\n    this._translate.use('de');\r\n  }<\/pre>\n<p>i tri gumba pomo\u0107u kojih \u0107e korisnici mo\u0107i odabrati koji jezik \u017eele koristiti<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"home.html\" >&lt;ion-row&gt;\r\n    &lt;ion-col&gt;&lt;button ion-button color=\"light\" (click)=\"translateCroatian()\"&gt;HR&lt;\/button&gt;&lt;\/ion-col&gt;\r\n    &lt;ion-col&gt;&lt;button ion-button color=\"light\" (click)=\"translateEnglish()\"&gt;EN&lt;\/button&gt;&lt;\/ion-col&gt;\r\n    &lt;ion-col&gt;&lt;button ion-button color=\"light\" (click)=\"translateGerman()\"&gt;DE&lt;\/button&gt;&lt;\/ion-col&gt;\r\n&lt;\/ion-row&gt;<\/pre>\n<p>To izgleda ovako:<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ng2-translate-odabir-jezika.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ng2-translate-odabir-jezika.gif\" alt=\"ng2-translate odabir jezika\" width=\"1189\" height=\"616\" class=\"aligncenter size-full wp-image-4946\" \/><\/a><\/p>\n<p>Me\u0111utim, ovdje imamo jedan problem. Korisnik mo\u017ee odabrati jezik koji \u017eeli koristiti u mobilnoj aplikaciji, ali taj jezik se vrati na zadani \u010dim se ponovno u\u010dita\/osvje\u017ei aplikacija. <\/p>\n<p>Kako bi to rije\u0161ili koristiti \u0107emo  <span class=\"lang:js decode:true  crayon-inline \" >localStorage<\/span>. Kada korisnik odabere jezik podatak o tome sprema se u lokalnu memoriju. Taj podatak \u0107emo kasnije koristiti kako bi znali je li korisnik odabrao jezik kako bi mu isti mogli prikazati. U kona\u010dnici to izgleda ovako:<\/p>\n<pre class=\"lang:js mark:3,11-12,15,18-36 decode:true \" title=\"home.ts\" >import { Component } from '@angular\/core';\r\nimport { NavController } from 'ionic-angular';\r\nimport {TranslateService} from 'ng2-translate';\r\n\r\n@Component({\r\n  selector: 'page-home',\r\n  templateUrl: 'home.html'\r\n})\r\nexport class HomePage {\r\n\r\n  en:string;\r\n  de:string;\r\n\r\n  constructor(public _navCtrl: NavController,\r\n              public _translate: TranslateService) {\r\n  }\r\n\r\n  translateCroatian(){\r\n    this._translate.use('hr');\r\n    \/\/Brisanje EN ili DE iz lokalne memorije\r\n    localStorage.removeItem('language');\r\n  }\r\n\r\n   translateEnglish(){\r\n    this._translate.use('en');\r\n    \/\/Spremanje varijable u lokalnu memoriju\r\n    this.en = \"EN\";\r\n    localStorage.setItem('language',this.en);\r\n  }\r\n\r\n   translateGerman(){\r\n    this._translate.use('de');\r\n    \/\/Spremanje varijable u lokalnu memoriju\r\n    this.de = \"DE\";\r\n    localStorage.setItem('language',this.de);\r\n  }\r\n\r\n}<\/pre>\n<p>Prilikom pokretanja aplikacije vr\u0161it \u0107emo provjeru odabranog jezika.<\/p>\n<pre class=\"lang:js mark:7,16,19-27 decode:true \" title=\"app.component.ts\" >import { Component } from '@angular\/core';\r\nimport { Platform } from 'ionic-angular';\r\nimport { StatusBar, Splashscreen } from 'ionic-native';\r\n\r\nimport { HomePage } from '..\/pages\/home\/home';\r\n\r\nimport {TranslateService} from 'ng2-translate';\r\n\r\n@Component({\r\n  templateUrl: 'app.html'\r\n})\r\nexport class MyApp {\r\n  rootPage = HomePage;\r\n\r\n  constructor(_platform: Platform,\r\n              _translate: TranslateService) {\r\n    _platform.ready().then(() =&gt; {\r\n\r\n       \/\/Zadani jezik\r\n       _translate.setDefaultLang('hr');\r\n\r\n      \/\/Provjera jezika\r\n      if(localStorage.getItem('language') === \"EN\"){\r\n         _translate.use('en');\r\n      } else if(localStorage.getItem('language') === \"DE\") {\r\n         _translate.use('de');\r\n      }\r\n\r\n      StatusBar.styleDefault();\r\n      Splashscreen.hide();\r\n    });\r\n  }\r\n}<\/pre>\n<p>Ako u <span class=\"lang:js decode:true  crayon-inline\">localStorage<\/span>  nemamo zapisano ni\u0161ta prikazat \u0107e se zadani hrvatski jezik. Me\u0111utim, ako se u lokalnoj memoriji nalazi <span class=\"lang:js decode:true  crayon-inline\">EN<\/span> ili <span class=\"lang:js decode:true  crayon-inline\">DE<\/span> to zna\u010di da je korisnik kliknuo na gumb i da \u017eeli koristiti neki drugi jezik umjesto hrvatskog. <\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"home.html\" >&lt;ion-header&gt;\r\n  &lt;ion-navbar&gt;\r\n    &lt;ion-title&gt;\r\n      NG2-Translate\r\n    &lt;\/ion-title&gt;\r\n  &lt;\/ion-navbar&gt;\r\n&lt;\/ion-header&gt;\r\n\r\n&lt;ion-content padding&gt;\r\n\r\n &lt;ion-row&gt;\r\n    &lt;ion-col&gt;&lt;button ion-button color=\"light\" (click)=\"translateCroatian()\"&gt;HR&lt;\/button&gt;&lt;\/ion-col&gt;\r\n    &lt;ion-col&gt;&lt;button ion-button color=\"light\" (click)=\"translateEnglish()\"&gt;EN&lt;\/button&gt;&lt;\/ion-col&gt;\r\n    &lt;ion-col&gt;&lt;button ion-button color=\"light\" (click)=\"translateGerman()\"&gt;DE&lt;\/button&gt;&lt;\/ion-col&gt;\r\n&lt;\/ion-row&gt;\r\n\r\n&lt;ion-list inset&gt;\r\n   &lt;ion-item&gt;{{ 'poruka' | translate:param }}&lt;\/ion-item&gt;\r\n   &lt;ion-item&gt;{{ 'uvod' | translate:param }}&lt;\/ion-item&gt;\r\n   &lt;ion-item&gt;{{ 'odjava' | translate:param }}&lt;\/ion-item&gt;\r\n&lt;\/ion-list&gt;\r\n\r\n&lt;\/ion-content&gt;<\/pre>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ng2-translate-localstorage.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ng2-translate-localstorage.gif\" alt=\"ng2-translate localstorage\" width=\"1178\" height=\"385\" class=\"aligncenter size-full wp-image-4953\" \/><\/a><\/p>\n<h2>Jezik ure\u0111aja kao jezik aplikacije<\/h2>\n<p>Postoji jo\u0161 jedna opcija, a to je aplikacija bude automatski prevedena na jezik ure\u0111aja. Zna\u010di, ako korisnik ima kao jezik ure\u0111aja postavljen npr. hrvatski jezik onda \u0107e mu i aplikacija prilikom pokretanja biti automatski prikazana na hrvatskom jeziku tako da on ne\u0107e morati raditi ru\u010dno pritiskom na gumb kao i primjeru iznad. <\/p>\n<p>Kako bi se ovo omogu\u0107ilo potrebno je instalirati <em><a href=\"https:\/\/ionicframework.com\/docs\/native\/globalization\/\" target=\"_blank\">Globalization plugin<\/a><\/em>.<\/p>\n<p>Nakon instalacije plugin se uveze u <strong>app.module.ts<\/strong><\/p>\n<pre class=\"lang:js decode:true \" title=\"app.module.ts\" >import { Globalization } from '@ionic-native\/globalization';\r\n\r\n..\r\n\r\nproviders: [\r\n    StatusBar,\r\n    SplashScreen,\r\n    {provide: ErrorHandler, useClass: IonicErrorHandler},\r\n    Globalization  \r\n  ]<\/pre>\n<p>I odmah se mo\u017ee koristiti. <\/p>\n<p>Provjeru i postavljenja jezika postavit \u0107emo u <strong>app.component.ts<\/strong><\/p>\n<pre class=\"lang:js decode:true \" title=\"app.component.ts\" >import { Component } from '@angular\/core';\r\nimport { Platform } from 'ionic-angular';\r\nimport { StatusBar, Splashscreen } from 'ionic-native';\r\n \r\nimport { HomePage } from '..\/pages\/home\/home';\r\n \r\nimport { TranslateService } from 'ng2-translate';\r\nimport { Globalization } from '@ionic-native\/globalization';\r\n \r\n@Component({\r\n  templateUrl: 'app.html'\r\n})\r\nexport class MyApp {\r\n  rootPage = HomePage;\r\n \r\n  constructor(_platform: Platform,\r\n              _translate: TranslateService,\r\n              _globalization: Globalization) {\r\n    _platform.ready().then(() =&gt; {\r\n          StatusBar.styleDefault();\r\n          Splashscreen.hide();\r\n \r\n       \/\/Zadani jezik\r\n       _translate.setDefaultLang('hr');\r\n \r\n       _globalization.getPreferredLanguage().then(result =&gt; {\r\n          let deviceLng = result.value.substring(0,2).toLowerCase();\r\n          _translate.use(deviceLng);\r\n         })\r\n    });\r\n  }\r\n}<\/pre>\n<h2>Zaklju\u010dak<\/h2>\n<p>U ovom smo blog postu prikazali jedan od na\u010dina kako omogu\u0107iti vi\u0161ejezi\u010dnost u <em>Ionic 2<\/em> aplikaciji. Naravno da postoji vi\u0161e razli\u010ditih na\u010dina na koje je mogu\u0107e koristiti vi\u0161ejezi\u010dnost i sve ranije navedeno mo\u017ee se prilagoditi specifi\u010dnim potrebama svake <em>Ionic 2<\/em> aplikacije. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kako raste va\u017enost mobilne aplikacije tako se pove\u0107ava i nu\u017enost vi\u0161ejezi\u010dnosti. U ovom blog pro\u0107i \u0107emo kroz postupak dodavanja podr\u0161ke za vi\u0161ejezi\u010dnost kori\u0161tenjem NG2-Translate plugina. Hrvatski jezik \u0107emo postaviti kao zadani dok \u0107e se uz njega mo\u0107i odabrati jo\u0161 engleski i njema\u010dki jezik. Uz pretpostavku da ste ve\u0107 pokrenuli novi Ionic 2 projekt mo\u017eemo krenuti &hellip; <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/\" class=\"more-link\">Nastavi \u010ditati <span class=\"screen-reader-text\">Ionic 2 &#8211; Podr\u0161ka za vi\u0161ejezi\u010dnost<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4921,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[564,351],"tags":[381,388,391,392],"class_list":["post-4919","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-razvoj","tag-ionic-2","tag-ionic-native","tag-ng2-translate","tag-visejezicnost"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ionic 2 - Podr\u0161ka za vi\u0161ejezi\u010dnost - Tomislav Stankovi\u0107<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic 2 - Podr\u0161ka za vi\u0161ejezi\u010dnost - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"Kako raste va\u017enost mobilne aplikacije tako se pove\u0107ava i nu\u017enost vi\u0161ejezi\u010dnosti. U ovom blog pro\u0107i \u0107emo kroz postupak dodavanja podr\u0161ke za vi\u0161ejezi\u010dnost kori\u0161tenjem NG2-Translate plugina. Hrvatski jezik \u0107emo postaviti kao zadani dok \u0107e se uz njega mo\u0107i odabrati jo\u0161 engleski i njema\u010dki jezik. Uz pretpostavku da ste ve\u0107 pokrenuli novi Ionic 2 projekt mo\u017eemo krenuti &hellip; Nastavi \u010ditati Ionic 2 &#8211; Podr\u0161ka za vi\u0161ejezi\u010dnost\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-05T13:12:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-05T17:56:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ionic2-visejezicnost.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"510\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisao\/la\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tomislav Stankovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Procijenjeno vrijeme \u010ditanja\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Ionic 2 &#8211; Podr\u0161ka za vi\u0161ejezi\u010dnost\",\"datePublished\":\"2017-03-05T13:12:42+00:00\",\"dateModified\":\"2019-01-05T17:56:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/\"},\"wordCount\":562,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/ionic2-visejezicnost.png\",\"keywords\":[\"Ionic 2\",\"Ionic Native\",\"NG2-Translate\",\"vi\u0161ejezi\u010dnost\"],\"articleSection\":[\"Mobile\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/\",\"name\":\"Ionic 2 - Podr\u0161ka za vi\u0161ejezi\u010dnost - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/ionic2-visejezicnost.png\",\"datePublished\":\"2017-03-05T13:12:42+00:00\",\"dateModified\":\"2019-01-05T17:56:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/ionic2-visejezicnost.png\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/03\\\/ionic2-visejezicnost.png\",\"width\":825,\"height\":510,\"caption\":\"Ionic 2 - Podr\u0161ka za vi\u0161ejezi\u010dnost\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/ionic2-visejezicnost\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic 2 &#8211; Podr\u0161ka za vi\u0161ejezi\u010dnost\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"name\":\"Tomislav Stankovi\u0107\",\"description\":\"Sam svoj bloger\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\",\"name\":\"Tomislav Stankovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"width\":248,\"height\":165,\"caption\":\"Tomislav Stankovi\u0107\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\"},\"description\":\"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.\",\"sameAs\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tomislavstankovic\\\/\"],\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/author\\\/tomislavstankovic\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ionic 2 - Podr\u0161ka za vi\u0161ejezi\u010dnost - Tomislav Stankovi\u0107","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/","og_locale":"hr_HR","og_type":"article","og_title":"Ionic 2 - Podr\u0161ka za vi\u0161ejezi\u010dnost - Tomislav Stankovi\u0107","og_description":"Kako raste va\u017enost mobilne aplikacije tako se pove\u0107ava i nu\u017enost vi\u0161ejezi\u010dnosti. U ovom blog pro\u0107i \u0107emo kroz postupak dodavanja podr\u0161ke za vi\u0161ejezi\u010dnost kori\u0161tenjem NG2-Translate plugina. Hrvatski jezik \u0107emo postaviti kao zadani dok \u0107e se uz njega mo\u0107i odabrati jo\u0161 engleski i njema\u010dki jezik. Uz pretpostavku da ste ve\u0107 pokrenuli novi Ionic 2 projekt mo\u017eemo krenuti &hellip; Nastavi \u010ditati Ionic 2 &#8211; Podr\u0161ka za vi\u0161ejezi\u010dnost","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2017-03-05T13:12:42+00:00","article_modified_time":"2019-01-05T17:56:37+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ionic2-visejezicnost.png","type":"image\/png"}],"author":"Tomislav Stankovi\u0107","twitter_card":"summary_large_image","twitter_misc":{"Napisao\/la":"Tomislav Stankovi\u0107","Procijenjeno vrijeme \u010ditanja":"6 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Ionic 2 &#8211; Podr\u0161ka za vi\u0161ejezi\u010dnost","datePublished":"2017-03-05T13:12:42+00:00","dateModified":"2019-01-05T17:56:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/"},"wordCount":562,"commentCount":0,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ionic2-visejezicnost.png","keywords":["Ionic 2","Ionic Native","NG2-Translate","vi\u0161ejezi\u010dnost"],"articleSection":["Mobile","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/","name":"Ionic 2 - Podr\u0161ka za vi\u0161ejezi\u010dnost - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ionic2-visejezicnost.png","datePublished":"2017-03-05T13:12:42+00:00","dateModified":"2019-01-05T17:56:37+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ionic2-visejezicnost.png","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/03\/ionic2-visejezicnost.png","width":825,"height":510,"caption":"Ionic 2 - Podr\u0161ka za vi\u0161ejezi\u010dnost"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/ionic2-visejezicnost\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ionic 2 &#8211; Podr\u0161ka za vi\u0161ejezi\u010dnost"}]},{"@type":"WebSite","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website","url":"https:\/\/www.tomislavstankovic.com\/blog\/","name":"Tomislav Stankovi\u0107","description":"Sam svoj bloger","publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tomislavstankovic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hr"},{"@type":["Person","Organization"],"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d","name":"Tomislav Stankovi\u0107","image":{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","width":248,"height":165,"caption":"Tomislav Stankovi\u0107"},"logo":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg"},"description":"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.","sameAs":["https:\/\/www.tomislavstankovic.com\/blog\/","https:\/\/www.linkedin.com\/in\/tomislavstankovic\/"],"url":"https:\/\/www.tomislavstankovic.com\/blog\/author\/tomislavstankovic\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/comments?post=4919"}],"version-history":[{"count":40,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4919\/revisions"}],"predecessor-version":[{"id":5835,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4919\/revisions\/5835"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/4921"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=4919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=4919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=4919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}