{"id":7550,"date":"2018-05-20T20:35:55","date_gmt":"2018-05-20T18:35:55","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=7550"},"modified":"2019-01-05T19:48:14","modified_gmt":"2019-01-05T17:48:14","slug":"angular-2-4-5-6","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/","title":{"rendered":"Angular (2,4,5) 6 je &#8216;sranje&#8217; !?"},"content":{"rendered":"<p>Nije pro\u0161lo dugo kako sam objavio <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/azuriranje-angular-cli\/\" rel=\"noopener\" target=\"_blank\">blog post o a\u017euriranju na <em>Angular CLI 1.7.4<\/em><\/a>, a sada smo ve\u0107 na verziji <em><a href=\"https:\/\/blog.angular.io\/version-6-of-angular-now-available-cc56b0efa7a4\" rel=\"noopener\" target=\"_blank\">Angular 6<\/a><\/em>. <\/p>\n<p>Ako ni\u0161ta drugo, napokon su objedinjeni <em>Angular Framework<\/em>, <em>Angular Material<\/em> i <em>Angular CLI<\/em>: <\/p>\n<p>\u2022\t<em>@angular\/angular 6.0.0<\/em><br \/>\n\u2022\t<em>@angular\/cli 6.0.0<\/em><br \/>\n\u2022\t<em>@angular\/material 6.0.0<\/em><\/p>\n<p>Dosada\u0161nje verzije i\u0161le su ovim redom:<\/p>\n<p>\u2022\t<em><a href=\"https:\/\/github.com\/angular\/angular\/releases\" rel=\"noopener\" target=\"_blank\">Angular 2, Angular 4, Angular 5, Angular 6<\/a><\/em><br \/>\n\u2022\t<em><a href=\"https:\/\/github.com\/angular\/angular-cli\/releases\" rel=\"noopener\" target=\"_blank\">Angular CLI 1, Angular CLI 6<\/a><\/em><br \/>\n\u2022\t<em><a href=\"https:\/\/github.com\/angular\/material2\/releases\" rel=\"noopener\" target=\"_blank\">Angular Material 2, Angular Material 5, Angular Material 6<\/a><\/em><\/p>\n<h2>\u0160to novoga donosi <em>Angular 6<\/em>?<\/h2>\n<blockquote><p>The 6.0.0 release of Angular is here! This is a major release focused less on the underlying framework, and more on the toolchain and on making it easier to move quickly with Angular in the future. &#8211; <a href=\"https:\/\/blog.angular.io\/version-6-of-angular-now-available-cc56b0efa7a4\" rel=\"noopener\" target=\"_blank\">Version 6 of Angular Now Available<\/a><\/p><\/blockquote>\n<h3>&#8211; <a href=\"https:\/\/github.com\/angular\/devkit\/blob\/master\/docs\/specifications\/update.md\" rel=\"noopener\" target=\"_blank\">ng update<\/a><\/h3>\n<p><span class=\"lang:sh decode:true  crayon-inline\">ng update &lt;package&gt;<\/span> je nova <em><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/azuriranje-angular-cli\/\" rel=\"noopener\" target=\"_blank\">CLI<\/a><\/em> naredba koja analizira sadr\u017eaj <strong><em>package.json<\/em><\/strong> datoteke i <a href=\"https:\/\/update.angular.io\/\" rel=\"noopener\" target=\"_blank\">predla\u017ee<\/a> potrebna a\u017euriranja. U pozadini koristi <em><a href=\"https:\/\/www.npmjs.com\/\" rel=\"noopener\" target=\"_blank\">npm<\/a>\/<a href=\"https:\/\/yarnpkg.com\/lang\/en\/\" rel=\"noopener\" target=\"_blank\">yarn<\/a><\/em> \u010dime se proces dodatno automatizira. Sada je na autorima paketa da ih prilagode novom pristupu.<\/p>\n<h3>&#8211; ng add<\/h3>\n<p><span class=\"lang:sh decode:true  crayon-inline\">ng add &lt;package&gt;<\/span> je tako\u0111er nova <em>CLI<\/em> naredba koja mi se svi\u0111a \u010dak i vi\u0161e od prethodne, a omogu\u0107ava jednostavno dodavanje novih mogu\u0107nosti unutar projekta. <\/p>\n<p>\u2022 <span class=\"lang:sh decode:true  crayon-inline\">ng add @angular\/pwa<\/span> &#8211; pretvara &#8216;obi\u010dnu&#8217; <em>Angular<\/em> aplikaciju u <em><a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/\" rel=\"noopener\" target=\"_blank\">PWA<\/a><\/em><br \/>\n\u2022 <span class=\"lang:sh decode:true  crayon-inline\">ng add @ng-bootstrap\/schematics<\/span>  &#8211; dodaje podr\u0161ku za <a href=\"https:\/\/ng-bootstrap.github.io\/\" rel=\"noopener\" target=\"_blank\">ng-bootstrap<\/a><br \/>\n\u2022 <span class=\"lang:sh decode:true  crayon-inline\">ng add @angular\/material<\/span>  &#8211; dodaje i postavlja <em>Angular Material<\/em><\/p>\n<h3>&#8211; <a href=\"https:\/\/angular.io\/guide\/elements\" rel=\"noopener\" target=\"_blank\">Angular Elements<\/a><\/h3>\n<p><iframe loading=\"lazy\" width=\"660\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/4u9_kdkvTsc\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p>Omogu\u0107ava kori\u0161tenje postoje\u0107ih <em>Angular<\/em> komponenti izvan <em>Angular<\/em> projekta na na\u010din da ih registrira kao <em><a href=\"https:\/\/medium.com\/@tomsu\/building-web-components-with-angular-elements-746cd2a38d5b\" rel=\"noopener\" target=\"_blank\">Custom Elements<\/a><\/em>. Ovo je toliko dobra stvar da to nije za vjerovati. <\/p>\n<p>Najjednostavnije re\u010deno, omogu\u0107ava kori\u0161tenje neke <em>Angular<\/em> komponente unutar nekog drugog <em>Frameworka<\/em> ili <em>CMS<\/em>-a. <\/p>\n<h3>&#8211; Angular Material Starter Components<\/h3>\n<p>Nakon pokretanja naredbe <span class=\"lang:sh decode:true  crayon-inline \" >ng add @angular\/material<\/span> tj. dodavanja podr\u0161ke za <em>Angular Material<\/em> otvara se mogu\u0107nosti kori\u0161tenja 3 gotove starter komponente, \u010dime se na brz i jednostavan na\u010din stvara lijep kostur nove <em>Angular<\/em> aplikacije.<\/p>\n<p>&#8211; <span class=\"lang:sh decode:true  crayon-inline\">ng generate @angular\/material:material-nav &#8211;name=my-nav<\/span> &#8211; <em>Material Sidenav<\/em><br \/>\n&#8211; <span class=\"lang:sh decode:true  crayon-inline\">ng generate @angular\/material:material-dashboard &#8211;name=my-dashboard<\/span> &#8211; <em>Material Dashboard<\/em><br \/>\n&#8211; <span class=\"lang:sh decode:true  crayon-inline\">ng generate @angular\/material:material-table &#8211;name=my-table<\/span> &#8211; <em>Material Data Table<\/em><\/p>\n<h3>&#8211; <a href=\"https:\/\/github.com\/angular\/angular-cli\/wiki\/angular-workspace\" rel=\"noopener\" target=\"_blank\">CLI Workspaces<\/a><\/h3>\n<p><em>CLI v6<\/em> omogu\u0107ava istovremeni rad vi\u0161e projekata tj. aplikacija ili biblioteka. Svaka aplikacija mo\u017ee imati svoju strukturu koja se nalazi unutar <em><strong>angular.json<\/strong><\/em> datoteke.<\/p>\n<pre class=\"lang:js mark:3,18 decode:true \" title=\"angular.json\" >{\r\n  \"projects\": {\r\n    \"my-project-name\": {\r\n      \"projectType\": \"application\",\r\n      \"architect\": {\r\n        \"build\": {\r\n          \"configurations\": {\r\n            \"production\": {},\r\n            \"demo\": {},\r\n            \"staging\": {},\r\n          }\r\n        },\r\n        \"serve\": {},\r\n        \"extract-i18n\": {},\r\n        \"test\": {},\r\n      }\r\n    },\r\n    \"my-project-name-e2e\": {}\r\n  },\r\n}  <\/pre>\n<h3>&#8211; Tree Shakable Providers<\/h3>\n<p>Servisi se vi\u0161e ne moraju navoditi unutar <em><strong>app.module.ts<\/strong><\/em> datoteke \u010dime se automatski smanjuje veli\u010dina aplikacije. <\/p>\n<p>Prije se nakon kreiranja servisa<\/p>\n<pre class=\"lang:js decode:true \" title=\"my-service.ts\" >import { Injectable } from '@angular\/core';\r\n\r\n@Injectable()\r\nexport class MyService {\r\n  constructor() { }\r\n}<\/pre>\n<p>on morao navoditi unutar <em><strong>app.module.ts<\/strong><\/em> datoteke<\/p>\n<pre class=\"lang:js decode:true \" title=\"app.module.ts\" >@NgModule({\r\n  ...\r\n  providers: [MyService]\r\n})\r\nexport class AppModule {}<\/pre>\n<p>dok je sada dovoljno unutar servisa navesti u kojem ga modulu \u017eelimo koristiti. <\/p>\n<pre class=\"lang:js decode:true \" title=\"my-service.ts\" >import { Injectable } from '@angular\/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class MyService {\r\n  constructor() { }\r\n}<\/pre>\n<p>Od ostalog tu su jo\u0161:<\/p>\n<p>&#8211; izbacivanje <em><a href=\"https:\/\/angular.io\/guide\/browser-support#enabling-polyfills\" rel=\"noopener\" target=\"_blank\">web animations polyfilla<\/a><\/em> koji vi\u0161e nije potreban<br \/>\n&#8211; <a href=\"https:\/\/auth0.com\/blog\/whats-new-in-rxjs-6\/\" rel=\"noopener\" target=\"_blank\"><em>RxJS v6<\/em><\/a><br \/>\n&#8211; <a href=\"https:\/\/angular.io\/guide\/releases\" rel=\"noopener\" target=\"_blank\"><em>Long Term Support (LTS)<\/em><\/a><\/p>\n<p>Zbog svega navedenog jedna \u010dekam zapo\u010deti nove <em>Angular<\/em> projekte i nadam se da mi ovaj po\u010detni entuzijazam ne\u0107e prisjesti. <\/p>\n<h2>Kako a\u017eurirati projekt na <em>Angular<\/em> 6.0.0?<\/h2>\n<p>Detalje je mogu\u0107e prona\u0107i na adresi <a href=\"https:\/\/update.angular.io\/\" rel=\"noopener\" target=\"_blank\">https:\/\/update.angular.io\/<\/a>.<\/p>\n<p>Postupak se mo\u017ee podijeliti u tri faze:<\/p>\n<p>&#8211; A\u017eurirati <em>@angular\/cli<\/em><br \/>\n&#8211; A\u017eurirati <em>Angular Framework<\/em> pakete unutar projekta<br \/>\n&#8211; A\u017eurirati ostale pakete unutar projekta<\/p>\n<h2><em>Angular<\/em> je, bio, &#8216;sranje&#8217;?<\/h2>\n<p>Sje\u0107am se vremena kada sam bio zaljubljen u <em><a href=\"https:\/\/www.alexkras.com\/its-not-ok-to-still-use-angular-1-in-2018\/\" rel=\"noopener\" target=\"_blank\">Angular 1.x<\/a><\/em> i \u201e<em><a href=\"https:\/\/docs.angularjs.org\/guide\/scope\" rel=\"noopener\" target=\"_blank\">$scope<\/a><\/em>\u201c. To su bila vremena kada je <em>Angular<\/em> \u017eivot developera \u010dinio donekle jednostavnijim. <\/p>\n<blockquote><p>The whole idea of a good framework is that you start with the simple stuff and you make it more complicated only when and where you want it to be more complicated. While Angular team went in a completely opposite way. &#8211; <a href=\"https:\/\/medium.com\/dirtyjs\/why-angular-2-4-5-6-sucks-afb36567ad68\" rel=\"noopener\" target=\"_blank\">Why Angular 2 (4, 5, 6) sucks<\/a><\/p><\/blockquote>\n<p>Postojala je, kao i u svemu, odre\u0111ena krivulja u\u010denja, ali jednom kada se savladala stvari su i\u0161le svojim tokom. HTML kompajler, TypeScript, Webpack, CLI, angular-cli.json -> angular.json,&#8230; nisu bile stvari kojima se developer trebao optere\u0107ivati. U kona\u010dnici su sve te stvari vrlo korisne, ali po\u010detniku u svijetu developmenta kao da daju dovoljno razloga da odustane od svega.<\/p>\n<p>Osobno mi odgovara <em>TypeScript<\/em>, ali to ne zna\u010di da mora odgovarati svima. Netko je mo\u017eda odabrao <em>JavaScript<\/em> upravo iz razloga zato \u0161to je jednostavan za po\u010detnike (dovoljno je imati web preglednik). Nakon nekog vremena taj po\u010detnik sazna za <em>Angular<\/em> i umjesto da mu se omogu\u0107i kori\u0161tenje <em>Angulara<\/em> sa do sada ste\u010denim znanjima njemu se name\u0107e nekakav <em>TypeScript<\/em> (<em><a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/basic-types.html\" rel=\"noopener\" target=\"_blank\">Type<\/a>,<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/interfaces.html\" rel=\"noopener\" target=\"_blank\">Interface<\/a>,<a href=\"http:\/\/www.typescriptlang.org\/docs\/handbook\/decorators.html\" rel=\"noopener\" target=\"_blank\">Decorator<\/a><\/em>) za kojega niti ne zna \u010demu slu\u017ei osim da mu, u tom trenutku, stvara otpor prema u\u010denju.<\/p>\n<p>Na stranu sada i ovo gore spomenuto, ali definitivno najgora stvar koju <em>Angular<\/em> radi upornim promjenama je zastarijevanje dokumentacije. U dvije godine imali smo nekoliko verzija, svaka sa svojim &#8216;<em>cakama<\/em>&#8216; pa se ti onda sna\u0111i &#8216;<em>guglaju\u0107i<\/em>&#8216;. <\/p>\n<h2>Zaklju\u010dak<\/h2>\n<p>Ne mislim da je <em>Angular 6<\/em> &#8216;sranje&#8217; jer donosi puno pobolj\u0161anja kojima je cilj olak\u0161ati developerima \u017eivot. Smatram da je to bio cilj i svake od prethodnih verzija samo je mo\u017eda sve odra\u0111eno na pomalo nespretan na\u010din \u010dime se stvarao kaos. <\/p>\n<p>I nadam se da \u0107e <em>Angular<\/em> sada napokon prestati s tim izmjenama da stvarno ne bi postao &#8216;sranje&#8217; jer <a href=\"https:\/\/www.urbandictionary.com\/define.php?term=shit%20ain%27t%20sweet\" rel=\"noopener\" target=\"_blank\">&#8216;sranje&#8217; nije slatko<\/a>.<\/p>\n<p>Ovaj blog post je primarno bio zami\u0161ljen kao uvod u <em>Angular 6<\/em> i sve ono, <a href=\"https:\/\/www.mindinventory.com\/blog\/whats-new-in-angular-6\/\" rel=\"noopener\" target=\"_blank\">novo<\/a>, \u0161to on donosi. I dok sam tako razmi\u0161ljao o strukturi blog posta palo mi je na pamet da \u0107u na kraju imati vi\u0161e blog postova o razli\u010ditim verzijama koje svako malo dolaze \u0161to za posljedicu ima zastarijevanje prija\u0161njih blog postova br\u017eim tempom nego \u0161to ih ponovno mogu napisati\/objaviti. Usred tog razmi\u0161ljanja i &#8216;<em>guglanja<\/em>&#8216; \u0161to o tome misle drugi developeri naletio sam na \u010dlanak \u201e<a href=\"https:\/\/medium.com\/dirtyjs\/why-angular-2-4-5-6-sucks-afb36567ad68\" rel=\"noopener\" target=\"_blank\">Why Angular 2 (4, 5, 6) sucks<\/a>\u201c \u010dime je ovaj blog post dobio sasvim jednu drugu notu. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nije pro\u0161lo dugo kako sam objavio blog post o a\u017euriranju na Angular CLI 1.7.4, a sada smo ve\u0107 na verziji Angular 6. Ako ni\u0161ta drugo, napokon su objedinjeni Angular Framework, Angular Material i Angular CLI: \u2022 @angular\/angular 6.0.0 \u2022 @angular\/cli 6.0.0 \u2022 @angular\/material 6.0.0 Dosada\u0161nje verzije i\u0161le su ovim redom: \u2022 Angular 2, Angular 4, &hellip; <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/\" class=\"more-link\">Nastavi \u010ditati <span class=\"screen-reader-text\">Angular (2,4,5) 6 je &#8216;sranje&#8217; !?<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":7554,"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":[566,351],"tags":[509],"class_list":["post-7550","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend","category-razvoj","tag-angular-6"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Angular (2,4,5) 6 je &#039;sranje&#039; !? - 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\/angular-2-4-5-6\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular (2,4,5) 6 je &#039;sranje&#039; !? - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"Nije pro\u0161lo dugo kako sam objavio blog post o a\u017euriranju na Angular CLI 1.7.4, a sada smo ve\u0107 na verziji Angular 6. Ako ni\u0161ta drugo, napokon su objedinjeni Angular Framework, Angular Material i Angular CLI: \u2022 @angular\/angular 6.0.0 \u2022 @angular\/cli 6.0.0 \u2022 @angular\/material 6.0.0 Dosada\u0161nje verzije i\u0161le su ovim redom: \u2022 Angular 2, Angular 4, &hellip; Nastavi \u010ditati Angular (2,4,5) 6 je &#8216;sranje&#8217; !?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-20T18:35:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-05T17:48:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/05\/angular-6-min.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\\\/angular-2-4-5-6\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Angular (2,4,5) 6 je &#8216;sranje&#8217; !?\",\"datePublished\":\"2018-05-20T18:35:55+00:00\",\"dateModified\":\"2019-01-05T17:48:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/\"},\"wordCount\":951,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/05\\\/angular-6-min.jpg\",\"keywords\":[\"Angular 6\"],\"articleSection\":[\"Frontend\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/\",\"name\":\"Angular (2,4,5) 6 je 'sranje' !? - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/05\\\/angular-6-min.jpg\",\"datePublished\":\"2018-05-20T18:35:55+00:00\",\"dateModified\":\"2019-01-05T17:48:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/05\\\/angular-6-min.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/05\\\/angular-6-min.jpg\",\"width\":825,\"height\":510,\"caption\":\"Angular (2,4,5) 6 je \u2018sranje\u2019 !?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/angular-2-4-5-6\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular (2,4,5) 6 je &#8216;sranje&#8217; !?\"}]},{\"@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":"Angular (2,4,5) 6 je 'sranje' !? - 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\/angular-2-4-5-6\/","og_locale":"hr_HR","og_type":"article","og_title":"Angular (2,4,5) 6 je 'sranje' !? - Tomislav Stankovi\u0107","og_description":"Nije pro\u0161lo dugo kako sam objavio blog post o a\u017euriranju na Angular CLI 1.7.4, a sada smo ve\u0107 na verziji Angular 6. Ako ni\u0161ta drugo, napokon su objedinjeni Angular Framework, Angular Material i Angular CLI: \u2022 @angular\/angular 6.0.0 \u2022 @angular\/cli 6.0.0 \u2022 @angular\/material 6.0.0 Dosada\u0161nje verzije i\u0161le su ovim redom: \u2022 Angular 2, Angular 4, &hellip; Nastavi \u010ditati Angular (2,4,5) 6 je &#8216;sranje&#8217; !?","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2018-05-20T18:35:55+00:00","article_modified_time":"2019-01-05T17:48:14+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/05\/angular-6-min.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\/angular-2-4-5-6\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Angular (2,4,5) 6 je &#8216;sranje&#8217; !?","datePublished":"2018-05-20T18:35:55+00:00","dateModified":"2019-01-05T17:48:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/"},"wordCount":951,"commentCount":0,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/05\/angular-6-min.jpg","keywords":["Angular 6"],"articleSection":["Frontend","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/","name":"Angular (2,4,5) 6 je 'sranje' !? - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/05\/angular-6-min.jpg","datePublished":"2018-05-20T18:35:55+00:00","dateModified":"2019-01-05T17:48:14+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/05\/angular-6-min.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2018\/05\/angular-6-min.jpg","width":825,"height":510,"caption":"Angular (2,4,5) 6 je \u2018sranje\u2019 !?"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/angular-2-4-5-6\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular (2,4,5) 6 je &#8216;sranje&#8217; !?"}]},{"@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\/7550","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=7550"}],"version-history":[{"count":79,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/7550\/revisions"}],"predecessor-version":[{"id":7630,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/7550\/revisions\/7630"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/7554"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=7550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=7550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=7550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}