{"id":5149,"date":"2017-04-10T23:21:39","date_gmt":"2017-04-10T21:21:39","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=5149"},"modified":"2019-01-05T19:55:46","modified_gmt":"2019-01-05T17:55:46","slug":"stigao-je-ionic-3","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/","title":{"rendered":"Stigao je Ionic 3!"},"content":{"rendered":"

Stigao nam je Ionic 3<\/em><\/a>! Iako se iz samog naziva nove verzije promjena mo\u017ee \u010diniti velikom zapravo nije, barem ne u onoj mjeri u kojoj je nakon Ionic<\/em> verzije 1 stigla verzija 2<\/a>.<\/p>\n

Ako pokre\u0107ete novi projekt<\/a> naredbom $ ionic start NazivAplikacije blank –v2<\/span> od petka, 07.04.2017., onda ve\u0107 koristite Ionic 3<\/em> i ne morate raditi izmjene koje \u0107u opisati u nastavku.<\/p>\n

Za sve vas koji imate<\/strong> postoje\u0107e projekte temeljene na Ionicu 2<\/em> i \u017eelite prije\u0107i na Ionic 3<\/em><\/strong> u nastavku mo\u017eete saznati kako to napraviti.<\/p>\n

Ionic 2 -> Ionic 3<\/h2>\n

Angular 4<\/a><\/em>, koji je iza\u0161ao prije nekoliko dana<\/a>, jedan je od va\u017enijih razloga za\u0161to sada imamo i Ionic 3<\/em>.<\/p>\n

1.) package.json<\/h3>\n

Prije svega potrebno je obrisati postoje\u0107u node_modules<\/span> mapu jer \u0107emo od sada koristiti nove NPM pakete.<\/p>\n

Nakon toga, potrebno je navesti nove NPM pakete koji sada uklju\u010duju novi Angular 4 i novi TypeScript. To je mogu\u0107e u\u010diniti na na\u010din otvorite postoje\u0107u package.json<\/span> datoteku i dodate sljede\u0107e:<\/p>\n

\"dependencies\": {\r\n    \"@angular\/common\": \"4.0.0\",\r\n    \"@angular\/compiler\": \"4.0.0\",\r\n    \"@angular\/compiler-cli\": \"4.0.0\",\r\n    \"@angular\/core\": \"4.0.0\",\r\n    \"@angular\/forms\": \"4.0.0\",\r\n    \"@angular\/http\": \"4.0.0\",\r\n    \"@angular\/platform-browser\": \"4.0.0\",\r\n    \"@angular\/platform-browser-dynamic\": \"4.0.0\",\r\n    \"@ionic-native\/core\": \"3.4.2\",\r\n    \"@ionic-native\/splash-screen\": \"3.4.2\",\r\n    \"@ionic-native\/status-bar\": \"3.4.2\",\r\n    \"@ionic\/storage\": \"2.0.1\",\r\n    \"ionic-angular\": \"3.0.1\",\r\n    \"ionicons\": \"3.0.0\",\r\n    \"rxjs\": \"5.1.1\",\r\n    \"sw-toolbox\": \"3.4.0\",\r\n    \"zone.js\": \"^0.8.4\"\r\n},\r\n\"devDependencies\": {\r\n  \"@ionic\/app-scripts\": \"1.3.0\",\r\n  \"typescript\": \"~2.2.1\"\r\n}<\/pre>\n
VA\u017dNO!<\/p>\n
Naravno, ako u postoje\u0107em Ionic 2<\/a><\/em> projektu imate neki NPM paket naveden pod dependencies<\/span> ili devDependencies<\/span> navedite i njega unutar package.json<\/span> datoteke kako bi se i on ponovno instalirao jer vam u suprotnom Ionic 3<\/em> projekt ne\u0107e raditi.<\/p>\n
U jednom od svojih projekata koristio sam @ngx-translate\/core<\/a> NPM paket pa sam zato i njega naveo unutar package.json<\/span> datoteke.<\/p>\n
Sada mo\u017eemo instalirati nove NPM pakete jednostavnom naredbom $ npm install<\/span><\/p>\n
2.) BrowserModule<\/h3>\n
U app.module.ts<\/span> je potrebno uvesti BrowserModule<\/em> koji zapravo omogu\u0107ava kori\u0161tenje mogu\u0107nosti<\/a> koje Angular <\/em> pru\u017ea.<\/p>\n
import { BrowserModule } from '@angular\/platform-browser';\r\n...\r\nimports: [\r\n  BrowserModule,\r\n  IonicModule.forRoot(MyApp)\r\n],<\/pre>\n
Ako koristite Http<\/span> onda trebate uvesti i HttpModule<\/span><\/p>\n
import { HttpModule } from '@angular\/http';\r\n...\r\nimports: [\r\n  BrowserModule,\r\n  HttpModule,\r\n  IonicModule.forRoot(MyApp)\r\n],<\/pre>\n
3.) Ionic Native 3.x<\/h3>\n
Nekoliko dana prije nego \u0161to je stigao Ionic 3<\/em> dobili smo Ionic Native 3.x<\/a><\/em>. To je zapravo novi na\u010din kori\u0161tenja Cordova pluginova<\/a><\/em> tj. Ionic Native<\/a><\/em> pluginova. Vi\u0161e o tome mo\u017eete saznati ovdje<\/a>.<\/p>\n
Uglavnom, u postoje\u0107oj Ionic 2<\/em> aplikaciji trebate opet instalirati sve pluginove tako da budu prilago\u0111eni novoj strukturi ostatka aplikacije. Do sada ste pluginove instalirali na Ionic Native 2.x na\u010din, a to zna\u010di kori\u0161tenje naredbe kao \u0161to je npr. $ ionic plugin add cordova-plugin-device<\/span> te se onda taj plugin u aplikaciju poziva na sljede\u0107i na\u010din import { Device } from ‘ionic-native’;<\/span><\/p>\n
Ionic Native 3.x na\u010din instalacije i kori\u0161tenja podrazumijeva instalaciju plugina jo\u0161 i s naredbom $ npm install –save @ionic-native\/device<\/span> pri \u010demu se uvoz plugina vr\u0161i na sljede\u0107i na\u010din<\/p>\n
import { Device } from '@ionic-native\/device';\r\n\r\nconstructor(private device: Device) { }\r\n\r\n...\r\n\r\nconsole.log('Device UUID is: ' + this.device.uuid);<\/pre>\n
Zna\u010di, od sada svoje Ionic Native 3.x<\/em> pluginove instalirate koriste\u0107i obje ranije navedene naredbe. Tako\u0111er obavezno provjerite dokumentaciju svakog plugina jer se vrlo lako mo\u017ee dogoditi da po novome koristi neke nove metode, a stare vi\u0161e ne i zbog toga vam se mo\u017ee dogoditi da aplikacija prikazuje gre\u0161ku vezanu uz neki od pluginova.<\/p>\n
4.) module.ts i IonicPage<\/h3>\n
Kada bi u Ionic 2 aplikaciji<\/a> kreirali novu stranicu dobili biste tri datoteke (.html,.scss,.ts), dok ako idete kreirati novu stranicu u verziji 3 dobit \u0107ete dodatnu datoteku s nastavkom  .module.ts<\/span>, a kako se ovdje radi o prebacivanju Ionic 2<\/em> aplikacije u Ionic 3<\/em> zna\u010di da svaka va\u0161a ranije kreirana stranica treba dobiti svoju .module.ts<\/span> datoteku.<\/p>\n
U nastavku mo\u017eete vidjeti primjer jedne takve datoteke<\/p>\n
import { NgModule } from '@angular\/core';\r\nimport { IonicPageModule } from 'ionic-angular';\r\nimport { HomeTabsPage } from '.\/home-tabs';\r\n \r\n@NgModule({\r\n  declarations: [\r\n    HomeTabsPage,\r\n  ],\r\n  imports: [\r\n    IonicPageModule.forChild(HomeTabsPage),\r\n  ],\r\n  exports: [\r\n    HomeTabsPage\r\n  ]\r\n})\r\nexport class HomeTabsPageModule {}<\/pre>\n
Nakon toga u .ts datoteci koju imate od ranije za sve stranice dodajte  IonicPage<\/span>  dekorator na sljede\u0107i na\u010din<\/p>\n
import { IonicPage } from 'ionic-angular';\r\n...\r\n...\r\n@IonicPage()\r\n@Component({<\/pre>\n
5.) Uklanjanje uvoza stranica<\/h3>\n
Nakon prethodnog koraka mo\u017eete pro\u0107i kroz sve stranice tj. njihove .ts datoteke i maknuti  uvoze drugih stranica import {AboutPage} from ‘..\/about\/about’;<\/span>. Isto napravite i unutar  app.module.ts<\/span> datoteke u kojoj \u0107ete tako\u0111er maknuti stranice iz  declarations<\/span>  i  entryComponents<\/span>  nizova.<\/p>\n
Na\u010din na koji \u0107ete od sada me\u0111usobno povezivati stranice ne razlikuje se puno od “starog” na\u010dina osim \u0161to \u0107ete naziv svake stranice proslijediti kao string.<\/p>\n
Zna\u010di, umjesto \t let modal = this.modalCtrl.create(ReplacementModalPage);<\/span>  koristit \u0107ete  let modal = this.modalCtrl.create(‘ReplacementModalPage’);<\/span> .<\/p>\n
Mogu\u0107i problemi<\/h2>\n
Ako ste napravili sve ranije navedeno vi od sada koristite novi Ionic 3<\/em> i Angular 4<\/em>. Ipak, unato\u010d tome va\u0161 Ionic 3<\/em> projekt i dalje ne mora raditi kako bi trebao, a uzroka mo\u017ee biti nekoliko.<\/p>\n
ionic-native<\/h4>\n
\"Uncaught<\/a> Ako dobijete gre\u0161ku “Uncaught Error: Cannot find module “ionic-native”<\/em><\/span>” zna\u010di da jo\u0161 negdje u aplikaciji koristite Ionic Native 2.x<\/em> na\u010din uvoza pluginova. Kada iz svih datoteka izbacite import { NazivPlugina } from ‘ionic-native’;<\/span> ovu gre\u0161ku vi\u0161e ne\u0107ete vidjeti.<\/p>\n
forChild<\/h4>\n
Kreirali ste novu stranicu<\/a> i dobili gre\u0161ku Property ‘forChild’ does not exist on type ‘typeof IonicModule’<\/em><\/span> rje\u0161enje se da umjesto  IonicModule<\/span>  koristite  IonicPageModule<\/span> .<\/p>\n
ion-img<\/h4>\n
Ako dobijete gre\u0161ku “TypeError: Cannot read property \u2018isImgsUpdatable\u2019 of null<\/em><\/span>” to zna\u010di da unutar neke .html datoteke koristite <ion-img><\/span> tag, a koji se ne nalazi unutar <ion-content><\/span> taga. Vi\u0161e o tome ovdje<\/a>.<\/p>\n
Kako bi ovu gre\u0161ku izbjegli koristite obi\u010dan <img><\/span> tag na svim mjestima koja se ne nalaze unutar <ion-content><\/span> taga.<\/p>\n
ionic grid<\/h4>\n
Sve ranije ste dobro napravili i gore navedenih gre\u0161aka vi\u0161e nema, ali aplikacija i dalje ne izgleda kako bi trebala i sve je nekako razbacano, nije na svojem mjestu,… Za\u0161to je to tako? Odgovor se nalazi u novom Ionic Grid<\/a><\/em> sistemu.<\/p>\n
Npr.  <\/p>\n
<ion-col width-50>col<\/ion-col><\/pre>\n
 \u0107e od sada biti  <\/p>\n
<ion-col col-6>col<\/ion-col><\/pre>\n
Vi\u0161e o tome u slu\u017ebenoj dokumentaciji<\/a>.<\/p>\n
Pro\u0111ite kroz .html datoteke i napravite potrebne izmjene kako bi va\u0161a nova Ionic 3<\/em> aplikacija zasjala u punom sjaju!<\/p>\n
Zaklju\u010dak<\/h2>\n
Kao \u0161to ste mogli vidjeti migracija na Ionic 3<\/em> mo\u017ee se obaviti relativno brzo i relativno jednostavno kada znate \u0161to treba napraviti. Ipak, prije nego objavite novu verziju aplikacije na Google Play Store<\/em><\/a> ili Apple Store<\/em> ulo\u017eite ne\u0161to vremena u testiranje svih funkcionalnosti va\u0161e Ionic 3<\/em> aplikacije pogotovo zato \u0161to ste instalirali nove verzije pluginova \u010dije metode se mogu razlikovati od onih koje trenutno koristite u mobilnoj aplikaciji i koje je zbog toga potrebno prilagoditi.<\/p>\n","protected":false},"excerpt":{"rendered":"
Stigao nam je Ionic 3! Iako se iz samog naziva nove verzije promjena mo\u017ee \u010diniti velikom zapravo nije, barem ne u onoj mjeri u kojoj je nakon Ionic verzije 1 stigla verzija 2. Ako pokre\u0107ete novi projekt naredbom $ ionic start NazivAplikacije blank –v2 od petka, 07.04.2017., onda ve\u0107 koristite Ionic 3 i ne morate … Nastavi \u010ditati Stigao je Ionic 3!<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":5151,"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,400,401],"class_list":["post-5149","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-razvoj","tag-ionic-2","tag-ionic-3","tag-ionic-native-3-x"],"yoast_head":"\nStigao je Ionic 3! - 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\/stigao-je-ionic-3\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stigao je Ionic 3! - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"Stigao nam je Ionic 3! Iako se iz samog naziva nove verzije promjena mo\u017ee \u010diniti velikom zapravo nije, barem ne u onoj mjeri u kojoj je nakon Ionic verzije 1 stigla verzija 2. Ako pokre\u0107ete novi projekt naredbom $ ionic start NazivAplikacije blank –v2 od petka, 07.04.2017., onda ve\u0107 koristite Ionic 3 i ne morate … Nastavi \u010ditati Stigao je Ionic 3!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-10T21:21:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-05T17:55:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/04\/ionic3.jpg\" \/>\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\/jpeg\" \/>\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=\"5 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Stigao je Ionic 3!\",\"datePublished\":\"2017-04-10T21:21:39+00:00\",\"dateModified\":\"2019-01-05T17:55:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/\"},\"wordCount\":973,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/ionic3.jpg\",\"keywords\":[\"Ionic 2\",\"Ionic 3\",\"Ionic Native 3.x\"],\"articleSection\":[\"Mobile\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/\",\"name\":\"Stigao je Ionic 3! - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/ionic3.jpg\",\"datePublished\":\"2017-04-10T21:21:39+00:00\",\"dateModified\":\"2019-01-05T17:55:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/ionic3.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/ionic3.jpg\",\"width\":825,\"height\":510,\"caption\":\"Stigao je Ionic 3!\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/stigao-je-ionic-3\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stigao je Ionic 3!\"}]},{\"@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":"Stigao je Ionic 3! - 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\/stigao-je-ionic-3\/","og_locale":"hr_HR","og_type":"article","og_title":"Stigao je Ionic 3! - Tomislav Stankovi\u0107","og_description":"Stigao nam je Ionic 3! Iako se iz samog naziva nove verzije promjena mo\u017ee \u010diniti velikom zapravo nije, barem ne u onoj mjeri u kojoj je nakon Ionic verzije 1 stigla verzija 2. Ako pokre\u0107ete novi projekt naredbom $ ionic start NazivAplikacije blank –v2 od petka, 07.04.2017., onda ve\u0107 koristite Ionic 3 i ne morate … Nastavi \u010ditati Stigao je Ionic 3!","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2017-04-10T21:21:39+00:00","article_modified_time":"2019-01-05T17:55:46+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/04\/ionic3.jpg","type":"image\/jpeg"}],"author":"Tomislav Stankovi\u0107","twitter_card":"summary_large_image","twitter_misc":{"Napisao\/la":"Tomislav Stankovi\u0107","Procijenjeno vrijeme \u010ditanja":"5 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Stigao je Ionic 3!","datePublished":"2017-04-10T21:21:39+00:00","dateModified":"2019-01-05T17:55:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/"},"wordCount":973,"commentCount":2,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/04\/ionic3.jpg","keywords":["Ionic 2","Ionic 3","Ionic Native 3.x"],"articleSection":["Mobile","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/","name":"Stigao je Ionic 3! - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/04\/ionic3.jpg","datePublished":"2017-04-10T21:21:39+00:00","dateModified":"2019-01-05T17:55:46+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/04\/ionic3.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/04\/ionic3.jpg","width":825,"height":510,"caption":"Stigao je Ionic 3!"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/stigao-je-ionic-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Stigao je Ionic 3!"}]},{"@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\/5149","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=5149"}],"version-history":[{"count":40,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/5149\/revisions"}],"predecessor-version":[{"id":5234,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/5149\/revisions\/5234"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/5151"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=5149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=5149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=5149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}