{"id":15825904,"url":"https://github.com/jaychase/office-addin-with-angular2","last_synced_at":"2025-10-10T08:09:09.184Z","repository":{"id":72262546,"uuid":"63067074","full_name":"JayChase/office-addin-with-angular2","owner":"JayChase","description":"Build an Office add-in with Angular 2.","archived":false,"fork":false,"pushed_at":"2016-09-16T02:26:04.000Z","size":1300,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-31T07:45:33.023Z","etag":null,"topics":["angular","office-365","office-addin","office-ui-fabric","visual-studio"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/JayChase.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-07-11T12:44:15.000Z","updated_at":"2022-06-14T07:54:11.000Z","dependencies_parsed_at":"2023-02-26T08:45:19.199Z","dependency_job_id":null,"html_url":"https://github.com/JayChase/office-addin-with-angular2","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JayChase/office-addin-with-angular2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayChase%2Foffice-addin-with-angular2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayChase%2Foffice-addin-with-angular2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayChase%2Foffice-addin-with-angular2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayChase%2Foffice-addin-with-angular2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JayChase","download_url":"https://codeload.github.com/JayChase/office-addin-with-angular2/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayChase%2Foffice-addin-with-angular2/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279003294,"owners_count":26083555,"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","status":"online","status_checked_at":"2025-10-10T02:00:06.843Z","response_time":62,"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","office-addin","office-ui-fabric","visual-studio"],"created_at":"2024-10-05T09:40:32.196Z","updated_at":"2025-10-10T08:09:09.155Z","avatar_url":"https://github.com/JayChase.png","language":"JavaScript","readme":"###Building an Office add-in with Angular 2 sample\n\nThis is a sample project showing how to get started building Office [add-ins](http://dev.office.com/getting-started/addins) with Angular 2 and Office UI Fabric.\nThe sample add-in is a task pane add-in for Excel.\n\n\n####Latest\n\nThis sample has been updated for Angular 2 RC5.\n\n####Requirements\n\nTools:\n\n* [Node.js](https://nodejs.org/en/)\n* [Visual Studio 2015 Community or \u003e update 3](https://www.visualstudio.com/en-us/news/releasenotes/vs2015-update3-vs)\n* [Office Developer Tools](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx)\n* [TypeScript for Visual Studio 2015 latest version](https://www.microsoft.com/en-us/download/details.aspx?id=48593)\n\nNPM Packages:\n\n* [TypeScript](https://www.typescriptlang.org/#download-links)\n* [Typings](https://github.com/typings/typings)\n\nThese need to be installed globally. The setup script will do this (see the installation section).\n\nAlso recommended are:\n\n* [Node.js Tools for Visual Studio 2015](https://www.visualstudio.com/en-us/features/node-js-vs.aspx)\n* [NPM Task Runner](https://visualstudiogallery.msdn.microsoft.com/8f2f2cbc-4da5-43ba-9de2-c9d08ade4941)\n* [Open Command Line](https://visualstudiogallery.msdn.microsoft.com/4e84e2cf-2d6b-472a-b1e2-b84932511379)\n\n\nVisual Studio is required to be able to debug the add-in any of the Office desktop applications. \nThat said you can run this sample using the **lite-server** and use you preferred IDE to work with it.\nYou can then still use Office Online for in browser debugging (see below). \n\n####Installation\n\nDownload or clone the repo to its own folder. Open a command prompt under the ./OfficeAddInWithAngular2Web folder and run the command:\n\n```bash\nnpm run setup\n```\n\nThis will install all the required NPM package and typings. If you are using Visual Studio now open the solution and build it.\n\n**SSL issues**\n\nOffice add-ins require HTTPS and browser errors when the localhost certificate is not trusted. Make sure that the certificate being used by **IIS Express**\n or **lite-server** is trusted. See [this post](https://blogs.msdn.microsoft.com/robert_mcmurray/2013/11/15/how-to-trust-the-iis-express-self-signed-certificate/) for more information.\n\n####Running the add-in\n\n#####...in Excel Online\n\nEither run start the **OfficeAddInWithAngular2Web** project in VS or from the **OfficeAddInWithAngular2Web** directory run\n\n```bash\nnpm start\n```\n\nOpen up a new workbook in Excel Online. Click on the **INSERT** tab and then **Office Add-ins**. On the Office Add-ins dialog click **Upload my Add-In** and select \n**OfficeAddInWithAngular2/OfficeAddInWithAngular2Manifest/OfficeAddInWithAngular2.xml**. The add-in will now be available on the **HOME** tab. **F12** to debug the addin in browser. \n\n#####...in Excel desktop\n\nIn Visual Studio 2015 build the project and run it.\n\n####Resources\n\nThis sample is more of a reference project for people who are already familiar with Office add-ins, Angular 2 and TypeScript than a tutorial\n so if you need to get up to speed with anything here are some good resources.\n\n* [Angular 2](https://angular.io/docs/ts/latest/quickstart.html)\n* [TypeScript](https://www.typescriptlang.org/docs/tutorial.html)\n* [Office UI Fabric](http://dev.office.com/fabric/get-started)\n* [Office Add-ins](https://dev.office.com/getting-started/addins)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaychase%2Foffice-addin-with-angular2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjaychase%2Foffice-addin-with-angular2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjaychase%2Foffice-addin-with-angular2/lists"}