sp-dev-fx-webparts/samples/angular-mostpopularitems
Vesa Juvonen 71e0031828 Added SPFx version indicator to readme files for all samples. 2016-12-13 11:26:45 +02:00
..
.vscode Initial Commit 2016-11-10 22:04:04 -06:00
assets Initial Commit 2016-11-10 22:04:04 -06:00
config Initial Commit 2016-11-10 22:04:04 -06:00
src Initial Commit 2016-11-10 22:04:04 -06:00
typings Initial Commit 2016-11-10 22:04:04 -06:00
.editorconfig Initial Commit 2016-11-10 22:04:04 -06:00
.gitattributes Initial Commit 2016-11-10 22:04:04 -06:00
.gitignore Initial Commit 2016-11-10 22:04:04 -06:00
.npmignore Initial Commit 2016-11-10 22:04:04 -06:00
.yo-rc.json Initial Commit 2016-11-10 22:04:04 -06:00
README.md Added SPFx version indicator to readme files for all samples. 2016-12-13 11:26:45 +02:00
angular-mostpopularitems.njsproj Initial Commit 2016-11-10 22:04:04 -06:00
gulpfile.js Initial Commit 2016-11-10 22:04:04 -06:00
package.json Initial Commit 2016-11-10 22:04:04 -06:00
tsconfig.json Initial Commit 2016-11-10 22:04:04 -06:00
tsd.json Initial Commit 2016-11-10 22:04:04 -06:00

README.md

Most Popular Items WebPart using Angular & ngOfficeUIFabric

Summary

This Web Part displays the Most Popular Items from the given Site/Document Library URL using search API.

Most Popular Items WebPart built using Angular and ngOfficeUIFabric

Used SharePoint Framework Version

drop

Applies to

Solution

Solution Author(s)
angular-mostpopularitems Joseph Velliah (SPRIDER, @sprider)

Version history

Version Date Comments
1.0 November 10, 2016 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
    • tsd install
    • gulp serve

Features

The Most Popular Items is a sample Client-Side Web Part built on the SharePoint Framework built using Angular and ngOfficeUIFabric.

This Web Part illustrates the following concepts on top of the SharePoint Framework:

  • using Angular for building SharePoint Framework Client-Side Web Parts
  • using ngOfficeUIFabric for styling Angular Client-Side Web Parts
  • including Angular and ngOfficeUIFabric in the Web Part bundle
  • using a newer version of ngOfficeUIFabric for styling Client-Side Web Parts
  • using non-reactive Web Part Property Pane and custom Properties
  • using conditional rendering for one-time Web Part setup
  • passing Web Part configuration to Angular and reacting to configuration changes