sp-dev-fx-webparts/samples/angular-todo
Hugo Bernier 7ed51a0838 Updated sample JSON 2021-03-15 03:48:14 -04:00
..
assets Updated sample JSON 2021-03-15 03:48:14 -04:00
config Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
src/webparts/toDo Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
typings Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
.editorconfig Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
.gitattributes Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
.gitignore Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
.npmignore Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
.yo-rc.json Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
README.md URL dev.office.com to docs.microsoft.com 2020-06-09 09:09:22 +02:00
gulpfile.js Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
package.json Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
tsconfig.json Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02:00
tslint.json Add tslint at the root of each SPFx project (#394) 2018-01-08 15:58:48 +02:00

README.md

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

Used SharePoint Framework Version

drop

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

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.


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