{"id":18718763,"url":"https://github.com/eggheadio/angular2-examples","last_synced_at":"2025-11-10T16:30:20.103Z","repository":{"id":81102875,"uuid":"59444080","full_name":"eggheadio/angular2-examples","owner":"eggheadio","description":null,"archived":false,"fork":false,"pushed_at":"2016-07-06T19:26:44.000Z","size":12,"stargazers_count":74,"open_issues_count":2,"forks_count":12,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-12-28T11:12:08.449Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eggheadio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-05-23T01:43:06.000Z","updated_at":"2021-09-21T17:20:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"5e2b0c96-b026-481f-a8c7-fb32b2a77d52","html_url":"https://github.com/eggheadio/angular2-examples","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eggheadio%2Fangular2-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eggheadio%2Fangular2-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eggheadio%2Fangular2-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eggheadio%2Fangular2-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eggheadio","download_url":"https://codeload.github.com/eggheadio/angular2-examples/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239581759,"owners_count":19662960,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-07T13:22:56.213Z","updated_at":"2025-11-10T16:30:20.068Z","avatar_url":"https://github.com/eggheadio.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular 2 Examples\n\n### Angular 2 Starter Template\nhttp://plnkr.co/edit/2aIgMzUx7XgZe9EA6upB?p=preview\u0026open=app%2Fapp.component.ts\n\n## Router\n\n### Angular 2 Router Template\nhttp://plnkr.co/edit/v4JulUnmohFkxSinJ40V?p=preview\n\n## Http\n\n#### Star Wars Live Search\nhttp://plnkr.co/edit/TWt9Gdo6AdXa2ZMu9tt7?p=preview\n\n#### Automated Wikipedia Search\nhttp://plnkr.co/edit/G9bOb9LWpufYWBuA8wh6?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Master/Detail\nhttp://plnkr.co/edit/WloLOP6FJSIb5Bg6egMy?p=preview\u0026open=app%2Fapp.component.ts\n\n## Tricks\n#### Always Scroll to Bottom\nhttp://plnkr.co/edit/7yz2DUttPjI5GVJkvr5h?open=app%2Fapp.component.ts\u0026p=preview\n\n#### Focus on Another Field When Hitting Enter\nhttp://plnkr.co/edit/pYJoQYWwGwB11uOdKqTB?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Typewriter\nhttp://plnkr.co/edit/bNlvmUD06DWqvFkZAMEJ?p=preview\u0026open=app%2Fapp.component.ts\n\n## Pipes\n#### A Simple Clock\nhttp://plnkr.co/edit/EzGOZKrSky446O7e8CZw?p=preview\u0026open=app%2Fapp.component.ts\n\n\n## Components\n\n#### Smart Container\nhttp://plnkr.co/edit/EIsS2pFsDwATaq1Ibxvb?p=preview\n\n#### Dumb Component\nhttp://plnkr.co/edit/hCCEtt1SVohWN80s0ej8?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Encapsulated Styles and :host\nhttp://plnkr.co/edit/KjmQCnRU6IPNys7VFnoj?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Content Reprojection (A.K.A. Transclusion)\nhttp://plnkr.co/edit/lpOnOtnYxmFI8TiFUoHh?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Multi-slot Transclusion\nhttp://plnkr.co/edit/rnK5YjmAjRh8l1983X9t?p=preview\n\n#### LifeCycle Hooks\nhttp://plnkr.co/edit/iJeBzvMzsXsJH3SKJKZJ?open=app%2Fapp.component.ts\n\n#### NativeElement invokeElementMethod and Renderer Usage\nhttp://plnkr.co/edit/IiIoANW1EIq4BGCRhZ2o?p=preview\n\n#### Placing a Component in Your Template\nhttp://plnkr.co/edit/1RRcrtSzDt4ShlpDFXtU?p=preview\n\n#### Placing a Template in Your Template\nhttp://plnkr.co/edit/9Wyc0GJ1CnC34Z93XIZF?p=preview\n\n#### Creating a Dynamic Component\nhttp://plnkr.co/edit/EimDzA0L2aLYKhYRPmlf?p=preview\n\n#### Dynamically Loading a Remote Component\nhttp://plnkr.co/edit/IpQ2HRa7yBj2YKZdgBZl?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Setting a Property on a Loaded Component\nhttp://plnkr.co/edit/HnhJx0I7RINEyE66bJ0M?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Renderer CreateElement\nhttp://plnkr.co/edit/cyVTCMsVgGBeUYITnsVl?p=preview\u0026open=app/app.component.ts\n\n#### Using a Differ to Render Templates\nhttp://plnkr.co/edit/ZkdJ9nScDPByFDGmVtnE?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Subscribing to a Child's EventEmitter\nhttp://plnkr.co/edit/zA5AHGGaIPbGKE9ZiDYW?p=preview\u0026open=app%2Fapp.component.ts\n\n#### A Toggle Button\nhttp://plnkr.co/edit/oAVUshxMFhFhsxMxxQrd?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Components as Streams\nhttp://plnkr.co/edit/dy2PtRXsLqq3DJZ7aRyG?p=preview\u0026open=app%2Fapp.component.ts\n\n## Directives\n\n#### Setting an Attribute's Value with @HostBinding()\nhttp://plnkr.co/edit/x6hU0uQXGL6PYjZGjQ3k?p=preview\u0026open=app%2Fapp.component.ts\n\n#### Handling a Host Element's Events with @HostListener()\nhttp://plnkr.co/edit/BVRAmSVJkC39DARpvkZJ?p=preview\u0026open=app%2Fapp.component.ts\n\n## RxJS + @ngrx/store\n\n#### Angular 2 + @ngrx/store Starter Template\nhttp://plnkr.co/edit/avLMS3m0VNMXSfUhT7K9?p=preview\n\n#### Angular 2 + RxJS Super Simple Chat Room\nhttp://plnkr.co/edit/tqZFewX5ZdUYyxDp9LFO?p=preview\n\n#### Wikipedia Image Search\nhttp://plnkr.co/edit/zhVnDBw2yRP3ZnDsj87Q?p=preview\n\n#### Angular 2 + @ngrx/store + @ngrx/effects\nhttp://plnkr.co/edit/cihgIYQ18CjfWqY1WhQp?p=preview\n\n#### Time Machine\nhttp://plnkr.co/edit/finosNCnuELPRe7iEuWL?p=preview\n\n#### Queuing Items\nhttp://plnkr.co/edit/E57afQC5zwSQFt2oH5Z0?p=preview\u0026open=app%2Fapp.component.ts\n\n## RxJS Only\n\n#### RxJS Only Starter Template\nhttps://plnkr.co/edit/AbPgvTFto9qdV84sbv1A?p=preview\n\n#### Observable.ajax Example\nhttp://plnkr.co/edit/J4d6N2KMQKLYsPF6Xmmo?open=app%2Fapp.component.ts\u0026p=preview\n\n#### Multi-select\nhttp://plnkr.co/edit/KcxZHED6ZkfVFY6fOmxW?open=app%2Fapp.component.ts\u0026p=preview\n\n## WebStorm\n\n#### Angular 2 Tips \u0026 Tricks Webinar\nhttps://youtu.be/U-GQ8Nz8agY\n\n## In Progress\nhttp://plnkr.co/edit/3xmgyTVFlMGT0KZqdBml?p=preview\u0026open=app%2Fapp.component.ts\n\n## Requests?\nFile an issue with a solid description and we'll see what we can do.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feggheadio%2Fangular2-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feggheadio%2Fangular2-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feggheadio%2Fangular2-examples/lists"}