82598c094f | ||
---|---|---|
.. | ||
.vscode | ||
assets | ||
config | ||
dist | ||
lib/webparts/angularFileUpload | ||
src | ||
typings | ||
.editorconfig | ||
.gitattributes | ||
.gitignore | ||
.npmignore | ||
.yo-rc.json | ||
README.md | ||
angular-file-upload.njsproj | ||
gulpfile.js | ||
package.json | ||
tsconfig.json | ||
tsd.json | ||
tslint.json |
README.md
page_type | products | languages | extensions | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
sample |
|
|
|
SPFx Web part: File Upload using AngularJs
Summary
File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework.
Edit web part properties to set Document library Name. Initially, It has been set to Documents
.
Used SharePoint Framework Version
Applies to
Solution
Solution | Author(s) |
---|---|
angular-ngofficeuifabric-file-upload | Atish Kumar Dipongkor (MVP, Office Development) |
angular-ngofficeuifabric-file-upload | Gautam Sheth (SharePoint Consultant,RapidCircle,@gautamdsheth) |
Version history
Version | Date | Comments |
---|---|---|
1.0 | November 24, 2016 | Initial release |
2.0 | May 26, 2017 | GA release |
2.1 | July 19, 2017 | Bug fix |
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 repository
- in the command line run:
npm install
tsd install
gulp serve --nobrowser
Features
This Web Part illustrates the following concepts on top of the SharePoint Framework & AngularJs:
BaseService
: By injecting this Angular Service, GET, POST, UPDATE & DELETE requests can be made easily. It's a resuable service.CustomFileChange
: It's a custom Angular directive. It binds the file with model on file change event.IsoToDateString
: It's a custom Angular filter. It formats ISO date string to{0:yyyy}-{0:MM}-{0:dd}
format.
Support
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.