{"id":13832939,"url":"https://github.com/Chris2011/netbeans-angular2-code-templates","last_synced_at":"2025-07-09T20:30:56.738Z","repository":{"id":150787552,"uuid":"58377111","full_name":"Chris2011/netbeans-angular2-code-templates","owner":"Chris2011","description":"Code templates for Angular 2 in Netbeans. Templates exists for TypeScript and HTML.","archived":false,"fork":false,"pushed_at":"2017-10-27T14:38:58.000Z","size":222,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-12T08:45:48.697Z","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/Chris2011.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}},"created_at":"2016-05-09T13:05:19.000Z","updated_at":"2020-07-19T01:47:58.000Z","dependencies_parsed_at":"2023-05-21T05:15:33.939Z","dependency_job_id":null,"html_url":"https://github.com/Chris2011/netbeans-angular2-code-templates","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/Chris2011/netbeans-angular2-code-templates","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chris2011%2Fnetbeans-angular2-code-templates","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chris2011%2Fnetbeans-angular2-code-templates/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chris2011%2Fnetbeans-angular2-code-templates/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chris2011%2Fnetbeans-angular2-code-templates/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Chris2011","download_url":"https://codeload.github.com/Chris2011/netbeans-angular2-code-templates/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chris2011%2Fnetbeans-angular2-code-templates/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264502642,"owners_count":23618663,"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-08-04T11:00:34.633Z","updated_at":"2025-07-09T20:30:56.448Z","avatar_url":"https://github.com/Chris2011.png","language":null,"funding_links":[],"categories":[":electric_plug: Plugins \u003ca name=\"plugins\"\u003e\u003c/a\u003e"],"sub_categories":["Language Support"],"readme":"\u003ch1\u003eAngular TypeScript Snippets for NetBeans\u003c/h1\u003e\n\u003ch3\u003eNow Updated for Angular 4.3.0 release\u003c/h3\u003e\n\n\u003ch3\u003eBiggest change\u003c/h3\u003e\nNow I use camelCase, because NetBeans has a problem when you type \u003ccode\u003ea-\u003c/code\u003e.\nThe code completion will disappear. So this will not happen with camelCase.\n\nNow I use \u003ccode\u003ea\u003c/code\u003e or \u003ccode\u003eaNg\u003c/code\u003e and \u003ccode\u003erx\u003c/code\u003e as a prefix, to be faster while typing. \n\nIt is based on the Visual Studio Code implementation: \u003ca href=\"https://github.com/johnpapa/vscode-angular2-snippets\"\u003ehttps://github.com/johnpapa/vscode-angular2-snippets\u003c/a\u003e\nThis extension for NetBeans adds snippets for Angular for TypeScript and HTML.\n\n\u003ch3\u003eTypeScript (old screenshot)\u003c/h3\u003e\n\u003cimg src=\"images/NbAngular2TSSnippets.gif\" alt=\"Use Extension\" /\u003e\n\n\u003ch3\u003eHTML (old screenshot)\u003c/h3\u003e\n\u003cimg src=\"images/NbAngular2HTMLSnippets.gif\" alt=\"Use Extension\" /\u003e\n\n\u003ch2\u003eUsage\u003c/h2\u003e\nType part of a snippet, press \u003ccode\u003eenter\u003c/code\u003e or \u003ccode\u003etab\u003c/code\u003e, and the snippet unfolds.\n\n\u003ch3\u003eTypeScript Angular Snippets\u003c/h3\u003e\n\u003col\u003e\n    \u003cli\u003e\u003cstrong\u003eaComponent\u003c/strong\u003e - component\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaComponentInline\u003c/strong\u003e - component with inline template\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaComponentRoot\u003c/strong\u003e - root app component\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaDirective\u003c/strong\u003e - directive\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaGuardCanActive\u003c/strong\u003e - \u003ccode\u003eCanActivate\u003c/code\u003e guard\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaGuardCanActiveChild\u003c/strong\u003e - \u003ccode\u003eCanActivateChild\u003c/code\u003e guard\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaGuardCanDeactivate\u003c/strong\u003e - \u003ccode\u003eCanDeactivate\u003c/code\u003e guard\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaHttpGet\u003c/strong\u003e - \u003ccode\u003ehttp.get\u003c/code\u003e with Rx Observable\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaHttpclientGet\u003c/strong\u003e - \u003ccode\u003ehttpClient.get\u003c/code\u003e with Rx Observable\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaHttpInterceptor\u003c/strong\u003e - Empty Angular \u003ccode\u003eHttpInterceptor\u003c/code\u003e for \u003ccode\u003eHttpClient\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaHttpInterceptorHeaders\u003c/strong\u003e - Angular \u003ccode\u003eHttpInterceptor\u003c/code\u003e that sets headers for \u003ccode\u003eHttpClient\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaHttpInterceptorLogging\u003c/strong\u003e - Angular \u003ccode\u003eHttpInterceptor\u003c/code\u003e that logs traffic for \u003ccode\u003eHttpClient\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaModule\u003c/strong\u003e - module\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaModuleRoot\u003c/strong\u003e - root app module\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaModuleRouting\u003c/strong\u003e - routing module file (forChild)\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaOutputEvent\u003c/strong\u003e - \u003ccode\u003e@Output\u003c/code\u003e event and emitter\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaPipe\u003c/strong\u003e - pipe\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaRoutePath404\u003c/strong\u003e - 404 route path\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaRoutePathDefault\u003c/strong\u003e - default route path\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaRoutePathEager\u003c/strong\u003e - eager route path\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaRoutePathLazy\u003c/strong\u003e - lazy route path\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaRouterEvents\u003c/strong\u003e - listen to one or more router events\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaService\u003c/strong\u003e - service\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaServiceHttp\u003c/strong\u003e - service with \u003ccode\u003eHttp\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaServiceHttpclient\u003c/strong\u003e - service with \u003ccode\u003eHttpClient\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaCtorSkipSelf\u003c/strong\u003e - angular \u003ccode\u003eNgModule\u003c/code\u003e's \u003ccode\u003eskipself\u003c/code\u003e constructor\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaSubscribe\u003c/strong\u003e - Rx \u003ccode\u003eObservable\u003c/code\u003e subscription\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaResolver\u003c/strong\u003e - resolver\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch3\u003eTypeScript RxJS Snippets\u003c/h3\u003e\n\u003col\u003e\n    \u003cli\u003e\u003cstrong\u003erxObservable\u003c/strong\u003e - Rx \u003ccode\u003eObservable\u003c/code\u003e import\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003erxSubject\u003c/strong\u003e - Rx \u003ccode\u003eSubject\u003c/code\u003e import\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003erxReplaySubject\u003c/strong\u003e - Rx \u003ccode\u003eReplaySubject\u003c/code\u003e import\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003erxBehaviorSubject\u003c/strong\u003e - Rx \u003ccode\u003eBehaviorSubject\u003c/code\u003e import\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003erxAddOperator\u003c/strong\u003e - Rx add operator import\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003erxAddObservable\u003c/strong\u003e - Rx add observable import\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch3\u003eHTML Snippets\u003c/h3\u003e\n\u003col\u003e\n    \u003cli\u003e\u003cstrong\u003eaClass\u003c/strong\u003e - \u003ccode\u003e[class]\u003c/code\u003e binding\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgClass\u003c/strong\u003e - \u003ccode\u003engClass\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgContainer\u003c/strong\u003e - \u003ccode\u003e\u0026lt;ng-container\u0026gt;\u003c/code\u003e element\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgContent\u003c/strong\u003e - \u003ccode\u003e\u0026lt;ng-content\u0026gt;\u003c/code\u003e element\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgFor\u003c/strong\u003e - \u003ccode\u003e*ngFor\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgForAsync\u003c/strong\u003e - \u003ccode\u003e*ngFor\u003c/code\u003e with async\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgForTrackBy\u003c/strong\u003e - \u003ccode\u003e*ngFor\u003c/code\u003e with trackBy\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgIf\u003c/strong\u003e - \u003ccode\u003e*ngIf\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgIfElse\u003c/strong\u003e - \u003ccode\u003e*ngIf\u003c/code\u003e with \u003ccode\u003eelse\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgModel\u003c/strong\u003e - \u003ccode\u003engModel\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgStyle\u003c/strong\u003e - \u003ccode\u003engStyle\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgSwitch\u003c/strong\u003e - \u003ccode\u003engSwitch\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaNgTemplate\u003c/strong\u003e - \u003ccode\u003e\u0026lt;ng-template\u0026gt;\u003c/code\u003e element\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaPrej\u003c/strong\u003e - show the JSON form of a model\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaPreja\u003c/strong\u003e - show the JSON form of a model, using async\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaRouterLink\u003c/strong\u003e - \u003ccode\u003erouterLink\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaRouterLinkParam\u003c/strong\u003e - \u003ccode\u003erouterLink\u003c/code\u003e with a route parameter\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaSelect\u003c/strong\u003e - \u003ccode\u003e\u0026lt;select\u0026gt;\u003c/code\u003e control\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eaStyle\u003c/strong\u003e - \u003ccode\u003e[style]\u003c/code\u003e binding\u003c/li\u003e\n\u003c/ol\u003e\n\n\n\u003ch2\u003eHow to install\u003c/h2\u003e\n\u003cp\u003eInstall the plugin.\u003c/p\u003e\n\u003cp\u003eTest it into a TypeScript or HTML file (Examples: typescript shortcut \u003ccode\u003eaPipe\u003c/code\u003e + TAB =\u003e import { Pipe, PipeTransform..., html shortcut \u003ccode\u003eaNgSwitch\u003c/code\u003e + TAB =\u003e \u0026lt;div [ngSwitch]=...\", ...)\u003c/p\u003e\n\n\u003ch2\u003eKnown Bugs\u003c/h2\u003e\nHTML code completion doesn't include the code templates, but the code templates are working well. A Ticket was created: https://netbeans.org/bugzilla/show_bug.cgi?id=250321\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FChris2011%2Fnetbeans-angular2-code-templates","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FChris2011%2Fnetbeans-angular2-code-templates","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FChris2011%2Fnetbeans-angular2-code-templates/lists"}