{"id":28137856,"url":"https://github.com/JMGomes/angular-latest-snippets","last_synced_at":"2025-05-14T17:04:48.019Z","repository":{"id":262278230,"uuid":"876975499","full_name":"JMGomes/angular-latest-snippets","owner":"JMGomes","description":"Angular Snippets for VSCode","archived":false,"fork":false,"pushed_at":"2025-04-11T07:55:07.000Z","size":3688,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-11T09:55:46.120Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/JMGomes.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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":"2024-10-22T21:44:54.000Z","updated_at":"2025-04-11T07:55:10.000Z","dependencies_parsed_at":"2024-11-11T15:52:45.738Z","dependency_job_id":null,"html_url":"https://github.com/JMGomes/angular-latest-snippets","commit_stats":null,"previous_names":["jmgomes/angular-latest-snippets"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JMGomes%2Fangular-latest-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JMGomes%2Fangular-latest-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JMGomes%2Fangular-latest-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JMGomes%2Fangular-latest-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JMGomes","download_url":"https://codeload.github.com/JMGomes/angular-latest-snippets/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254190396,"owners_count":22029632,"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":"2025-05-14T17:02:08.696Z","updated_at":"2025-05-14T17:04:48.012Z","avatar_url":"https://github.com/JMGomes.png","language":"JavaScript","funding_links":[],"categories":["Development Utilities"],"sub_categories":["Documentation Tools"],"readme":"# Angular TypeScript Snippets suitable for V19\n\nComprehensive Angular v19 snippets for TypeScript and HTML, including support for the latest Angular features.\nThis extension was created to bridge the gap in resources for Angular’s newest capabilities, most existing code snippets are quite outdated.\n\n![Demo Snippets](images/demo-snippets.gif)\n\n## Features\n\nThis extension for VSCode adds snippets for the most common angular code. Adds snippets for:\n\n- Standalone as default for directive, components, pipes...\n- Signals (effect(), computed(), linkedSignal(), resource/rxResource(), input(), output())\n- New Control flow (@if, @else, @for, @switch)\n- Deferrable Views (@defer, @placeholder, @loading)\n\n## Usage\n\nType part of a snippet, press enter, and the snippet unfolds.\n\nAlternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (macOS) to activate snippets from within the editor.\n\n## Requirements\n\nIf you have any requirements or dependencies, add a section describing those and how to install and configure them.\n\n## TypeScript Angular Snippets\n\n| Snippet         | Purpose                                |\n|-----------------|---------------------------------------|\n| `component`     | standalone component                  |\n| `directive`     | standalone directive                  |\n| `pipe`          | standalone pipe                       |\n| `effect`        | Angular effect function               |\n| `computed`      | Angular computed signal               |\n| `linkedSignal`  | Angular linkedSignal                  |\n| `resource`      | Angular resource                      |\n| `rxResource`    | Angular rxResource                    |\n| `httpResource`  | Angular httpResource                  |\n| `inputRequired` | Angular required input signal         |\n| `inputOptional` | Angular optional input signal         |\n| `output`        | Angular output signal                 |\n\n## HTML Angular Snippets\n\n| Snippet    | Purpose                         |\n|------------|--------------------------------|\n| `@if`      | Angular @if statement           |\n| `@if-else` | Angular @if @else statement     |\n| `@for`     | Angular @for statement          |\n| `@switch`  | Angular @switch statement       |\n| `@defer`   | Angular @defer statement        |\n\n- Inspired by johnpapa snippets. \n- Updated April 2025\n\n**Enjoy!**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJMGomes%2Fangular-latest-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJMGomes%2Fangular-latest-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJMGomes%2Fangular-latest-snippets/lists"}