{"id":22210,"date":"2016-04-29T14:00:00","date_gmt":"2016-04-29T14:00:00","guid":{"rendered":"http:\/\/cloudcomputing.sys-con.com\/node\/3774982"},"modified":"2016-04-29T14:00:00","modified_gmt":"2016-04-29T14:00:00","slug":"angular-2-exposing-a-child-components-api-cloudexpo-cloud","status":"publish","type":"post","link":"https:\/\/icloud.pe\/blog\/angular-2-exposing-a-child-components-api-cloudexpo-cloud\/","title":{"rendered":"Angular 2: Exposing a Child Component\u2019s API | @CloudExpo #Cloud"},"content":{"rendered":"<p>In Angular 2 a parent component can pass the data to its child via binding to the child\u2019s input parameter marked with the annotation @Input(). I\u2019ll blog about it later, but you can see how it can be done in my blog on implementing the Mediator design pattern.<br \/>\nIn this blog I\u2019ll show you another scenario when the parent component simply needs to use the API exposed by the child. You\u2019ll see how a parent component can use the child\u2019s API from both the template and the TypeScript code.<\/p>\n<p><a href=\"http:\/\/cloudcomputing.sys-con.com\/node\/3774982\" >read more<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Angular 2 a parent component can pass the data to its child via binding to the child&rsquo;s input parameter marked with the annotation @Input(). I&rsquo;ll blog about it later, but you can see how it can be done in my blog on implementing the Mediator design pattern.<br \/>\nIn this blog I&rsquo;ll show you another scenario when the parent component simply needs to use the API exposed by the child. You&rsquo;ll see how a parent component can use the child&rsquo;s API from both the template and the TypeScript code.<\/p>\n<p><a href=\"http:\/\/cloudcomputing.sys-con.com\/node\/3774982\" target=\"_blank\">read more<\/a><\/p>\n","protected":false},"author":143,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-22210","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/posts\/22210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/users\/143"}],"replies":[{"embeddable":true,"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/comments?post=22210"}],"version-history":[{"count":1,"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/posts\/22210\/revisions"}],"predecessor-version":[{"id":22211,"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/posts\/22210\/revisions\/22211"}],"wp:attachment":[{"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/media?parent=22210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/categories?post=22210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icloud.pe\/blog\/wp-json\/wp\/v2\/tags?post=22210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}