sp-dev-fx-webparts/samples/angular-todo
Waldek Mastykarz 075f84fd70 Replaced the Angular ToDo sample (#152)
The latest version doesn't use ngOfficeUIFabric which collides with Office UI Fabric used by the SharePoint Framework
2017-03-12 16:46:54 +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

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