{"id":22962085,"url":"https://github.com/actionanand/ng-template-depth","last_synced_at":"2026-05-02T03:32:33.228Z","repository":{"id":45282793,"uuid":"436919425","full_name":"actionanand/ng-template-depth","owner":"actionanand","description":"This is a hobby Angular Repo for ng-template in depth using PNPM ","archived":false,"fork":false,"pushed_at":"2021-12-24T11:58:53.000Z","size":559,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-02T03:28:25.215Z","etag":null,"topics":["angular","angular13","ng-template","pnpm"],"latest_commit_sha":null,"homepage":"https://actionanand.github.io/ng-template-depth/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/actionanand.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-12-10T09:19:59.000Z","updated_at":"2023-10-17T16:36:35.000Z","dependencies_parsed_at":"2022-09-22T19:42:03.162Z","dependency_job_id":null,"html_url":"https://github.com/actionanand/ng-template-depth","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/actionanand/ng-template-depth","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actionanand%2Fng-template-depth","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actionanand%2Fng-template-depth/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actionanand%2Fng-template-depth/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actionanand%2Fng-template-depth/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/actionanand","download_url":"https://codeload.github.com/actionanand/ng-template-depth/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/actionanand%2Fng-template-depth/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32522245,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-02T01:12:54.858Z","status":"online","status_checked_at":"2026-05-02T02:00:05.923Z","response_time":132,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["angular","angular13","ng-template","pnpm"],"created_at":"2024-12-14T19:15:12.577Z","updated_at":"2026-05-02T03:32:33.204Z","avatar_url":"https://github.com/actionanand.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NgTemplateDepth\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.1.0. with `pnpm` node package manager\n\n## What to do after cloning?\n\n```bash\npnpm install\n```\n  - If pnpm is not installed,\n\n```bash\nnpm install -g pnpm\n```\n\n## How to create project using `pnpm`\n\n```\nng new my-new-pnpm-project --skip-install\n```\n\n* [Stackoverflow Guide](https://stackoverflow.com/questions/52948906/how-do-i-use-pnpm-in-my-angular-project-to-manage-packages)\n\n* [PNPM CLI](https://pnpm.io/pnpm-cli)\n\n## Development server\n\nRun `ng serve` or `pnpm start` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n## How to deploy to Github pages, if pnpm is used\n\n1. Add 'angular-cli-ghpages' under dev dependencies as below\n\n```json\n\"angular-cli-ghpages\": \"^1.0.0\",\n```\n2. Add the following json property to `angular.json` file under architect\n\n```json\n  \"deploy\": {\n    \"builder\": \"angular-cli-ghpages:deploy\"\n  }\n```\n\n3. Install all the missing packages\n\n```bash\npnpm i\n```\n\n4. Deploy the app\n\n```bash\nng deploy --base-href=/ng-template-depth/\n```\n\n* `ng-template-depth` is the name of the repo.\n\n## Resources\n\n1. [TemplateRefs are Angular’s Render Props](https://medium.com/angular-in-depth/templaterefs-are-angulars-render-props-a2b97cbcc362)\n\n    - [Gist Page](https://gist.github.com/isaacplmann/977cba11d25a1402b8de228b18ed02cd)\n    - [ngTemplateOutlet: The secret to customisation - In Depth Dev](https://indepth.dev/posts/1405/ngtemplateoutlet)\n    - [How to Use ngTemplateOutlet in Angular](https://www.tektutorialshub.com/angular/ngtemplateoutlet-in-angular/)\n    - [Angular ng-template, ng-container and ngTemplateOutlet - Angular University](https://blog.angular-university.io/angular-ng-template-ng-container-ngtemplateoutlet/)\n\n2. [Build a Toggle Component - part 1](https://medium.com/angular-in-depth/build-a-toggle-component-6e8f44889c2c)\n3. [Write Compound Components - part 2](https://medium.com/angular-in-depth/write-compound-components-1001449c67f0)\n4. [Communicate Between Components Using Dependency Injection - part 3a](https://medium.com/angular-in-depth/communicate-between-components-using-dependency-injection-d7280567faa7)\n  - [CSS buttons](https://copy-paste-css.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Factionanand%2Fng-template-depth","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Factionanand%2Fng-template-depth","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Factionanand%2Fng-template-depth/lists"}