sp-dev-fx-webparts/samples/angular-todo
Joel Rodrigues 764d8f10e0 Add tslint at the root of each SPFx project (#394) 2018-01-08 15:58:48 +02:00
..
assets Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +02: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 Replaced the Angular ToDo sample (#152) 2017-03-12 16:46:54 +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

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