{"id":46,"date":"2019-10-07T10:15:57","date_gmt":"2019-10-07T10:15:57","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/embryo\/?page_id=46"},"modified":"2019-10-10T09:17:07","modified_gmt":"2019-10-10T09:17:07","slug":"custom-widgets","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/embryo\/custom-widgets\/","title":{"rendered":"Custom Widgets"},"content":{"rendered":"\n<h6 id=\"you-can-create-your-own-widget-by-following-way\"><strong>You can create your own widget by following way.<\/strong><a href=\"https:\/\/app.gitbook.com\/@iron-network\/s\/embryo\/embryo-angular\/custom-widgets#you-can-create-your-own-widget-by-following-way\"><\/a><\/h6>\n\n\n\n<p>1. Create a component then declare and export component in module file like this :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">declarations: [MapComponent],<br>exports: [MapComponent]<\/pre>\n\n\n\n<p>2. Use the selector of custom widgets component in another component like this :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;embryo-Map&gt;&lt;\/embryo-Map&gt;<\/pre>\n\n\n\n<p>For Reference : <a href=\"https:\/\/www.oodlestechnologies.com\/blogs\/How-to-share-component-to-multiple-modules-in-Angular2\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.oodlestechnologies.com\/blogs\/How-to-share-component-to-multiple-modules-in-Angular2<\/a><\/p>\n<div class=\"pld-like-dislike-wrap pld-template-1\">\n    <div class=\"pld-like-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-like-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"46\" data-trigger-type=\"like\" data-restriction=\"cookie\" data-ip-check=\"0\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-up\"><\/i>\n                    <\/a>\n    <span class=\"pld-like-count-wrap pld-count-wrap\">    <\/span>\n<\/div><div class=\"pld-dislike-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-dislike-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"46\" data-trigger-type=\"dislike\" data-ip-check=\"0\" data-restriction=\"cookie\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-down\"><\/i>\n                    <\/a>\n    <span class=\"pld-dislike-count-wrap pld-count-wrap\"><\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>You can create your own widget by following way. 1. Create a component then declare and export component in module file like this : declarations: [MapComponent],exports: [MapComponent] 2. Use the selector of custom widgets component in another component like this : &lt;embryo-Map&gt;&lt;\/embryo-Map&gt; For Reference : https:\/\/www.oodlestechnologies.com\/blogs\/How-to-share-component-to-multiple-modules-in-Angular2<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages\/46"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":3,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages\/46\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}