sp-dev-fx-webparts/samples/angular-todo/README.md

3.5 KiB

page_type products languages extensions
sample
office-sp
office-365
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
AngularJS
3/10/2017 12:00:00 AM

Angular client-side web part

Summary

Sample Web Part illustrating using Angular with the SharePoint Framework.

Sample To do SharePoint Framework client-side web part built using Angular

Compatibility

SPFx 1.0.0 Node.js v6 Compatible with SharePoint Online Compatible SharePoint 2019 Compatible with SharePoint 2016 (Feature Pack 2) Local Workbench Compatible Hosted Workbench Compatible

Applies to

Solution

Solution Author(s)
angular-todo Waldek Mastykarz (MVP, Rencore, @waldekm)

Version history

Version Date Comments
1.0 March 10, 2017 Initial release

Minimal Path to Awesome

  • clone this repo
  • in the command line run:
    • npm i
    • gulp serve

Features

The To do web part is a sample client-side web part built on the SharePoint Framework built using Angular.

This web part illustrates the following concepts on top of the SharePoint Framework:

  • using Angular v1.x with TypeScript for building SharePoint Framework client-side web parts
  • loading Angular from CDN
  • using Office UI Fabric CSS styles in a SharePoint Framework client-side web part
  • using non-reactive web part property pane
  • using conditional rendering for one-time web part setup
  • passing web part configuration to Angular and reacting to configuration changes

Help

We do not support samples, but we do use GitHub to track issues and constantly want to improve these samples.

If you encounter any issues while using this sample, create a new issue.

For questions regarding this sample, create a new question.

Finally, if you have an idea for improvement, make a suggestion.

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.