{"id":16430968,"url":"https://github.com/waldekmastykarz/spfx-angular-templates","last_synced_at":"2026-05-14T20:31:20.945Z","repository":{"id":96086562,"uuid":"68506385","full_name":"waldekmastykarz/spfx-angular-templates","owner":"waldekmastykarz","description":"Sample illustrating the different techniques for loading templates in SharePoint Framework Client-Side Web Parts built using Angular","archived":false,"fork":false,"pushed_at":"2016-09-19T05:05:50.000Z","size":216,"stargazers_count":4,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-06T01:21:15.443Z","etag":null,"topics":["angular","office-365","sharepoint","sharepoint-framework","sharepoint-online"],"latest_commit_sha":null,"homepage":null,"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/waldekmastykarz.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-09-18T08:02:54.000Z","updated_at":"2022-05-31T13:23:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"b9c78fa7-e997-45ea-a443-7ef87b8a2397","html_url":"https://github.com/waldekmastykarz/spfx-angular-templates","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/waldekmastykarz/spfx-angular-templates","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldekmastykarz%2Fspfx-angular-templates","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldekmastykarz%2Fspfx-angular-templates/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldekmastykarz%2Fspfx-angular-templates/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldekmastykarz%2Fspfx-angular-templates/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/waldekmastykarz","download_url":"https://codeload.github.com/waldekmastykarz/spfx-angular-templates/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/waldekmastykarz%2Fspfx-angular-templates/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33042082,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"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","office-365","sharepoint","sharepoint-framework","sharepoint-online"],"created_at":"2024-10-11T08:28:51.353Z","updated_at":"2026-05-14T20:31:20.940Z","avatar_url":"https://github.com/waldekmastykarz.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Loading Angular templates in SharePoint Framework Client-Side Web Part\n\nThis sample illustrates the different techniques for loading templates in SharePoint Framework Client-Side Web Parts built using Angular.\n\n![Web Parts illustrating the different techniques for loading HTML template in Angular displayed in SharePoint Workbench](./assets/preview.png)\n\n## Minimal Path to Awesome\n\n- clone this repo\n- `$ npm i`\n- `$ gulp serve`\n\n## Features\n\nThis sample illustrates the following concepts on the SharePoint Framework:\n\n- defining HTML template for the Angular application in a Client-Side Web Part\n  - in-line, mixed with the Web Part's code\n  - externally in a static HTML file using global CSS classes\n  - externally in a TypeScript file using unique CSS classes\n  - externally in a static HTML file using unique CSS classes mapped via Angular view model\n  - externally loaded through Angular\n- passing the unique CSS class names into Angular template\n- extending the SharePoint Framework project build process using custom build tasks\n- loading Angular from CDN","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwaldekmastykarz%2Fspfx-angular-templates","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwaldekmastykarz%2Fspfx-angular-templates","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwaldekmastykarz%2Fspfx-angular-templates/lists"}